[jQuery] editable accessing clicked element for extraParam

[Adrian Lynch]

Hey all.

I'm using the editable plugin and I'm having trouble accessing the id
of the editable element.

My HTML:

<span class="editable" id="editable-1">Page name</span>

My JS:

$(".editable").editable("page-update.cfm?action=updatePageName", {
        paramName: "pageName",
        callback: doneUpdatingPageName,
        saving: "Saving... ",
        type: "text",
        submitButton: 0,
        delayOnBlur: 0,
        extraParams: {
                pageID: this.id.split("-")[1]
        },
        editClass: null
});

I need the 1 present in the span's id attribute which I'm using in the
extraParams property. I'm not sure what would work and I can't see a
way of debugging this one apart from through trial and error.

Any ideas?

Thanks.

Adrian