click.apply is not a function

[Backslider]

I have a simple dialog:

<div id="shippingAddressDialog">
    <p>Would you like to add a separate shipping address?</p>
</div>



$(document).ready(function() {
    jQuery('#shippingAddressDialog').dialog({"modal":true,"autoOpen":true,"title":"Shipping Address","width":"400px","buttons":[{"text":"Yes","click":"function(){closeDialog();}"}]});


});

function closeDialog() {
   jQuery('#shippingAddressDialog').dialog("close"); 
}

When the button is clicked it throws the following error (Firebug):

TypeError: click.apply is not a function

click.apply( that.element[ 0 ], arguments );

jsfiddle: ​https://jsfiddle.net/a8a46s2y/4/

Browser: Firefox 37.0.2

[Scott González]

That's because it's not a function, it's a string. Remove the quotes so that click is actually a function.