[jQuery] editable accessing clicked element for extraParam

[jQuery] editable accessing clicked element for extraParam


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