jQuery simplemodal "TypeError: Cannot call method 'init' of undefined"

Question

I'm using jQuery 1.9.1 and the latest version of simple-modal jQuery plugin.

I'm trying to figure what the init function of jQuery is. Maybe I'm thinking this is a conflict with another library.

My JavaScript:

$(document).ready(function(){
    $('#freeshipping').click(function(){
        $('#freeshippingmodal').modal({
        });
    });
    $('#easyreturns').click(function(){
        $('#easyreturnsmodal').modal();
    });
    $('#5tocharity').click(function(){
        $('#5tocharitymodal').modal();
    });
});

My HTML:

<div class="CallToAction">
    <div id="freeshipping" class="call">
        ...
    </div>
    <div id='freeshippingmodal' class='simplemodal-container'>
        ...
    </div>
</div>
<div class="CallToAction">
    <div id="easyreturns" class="call">
        ...
    </div>
    <div id="easyreturnsmodal" class="simplemodal-container">
        ...
    </div>
</div>
<div class="CallToAction">
    <div id="5tocharity" class="call">
        ...
    </div>
    <div id="5tocharitymodal" class="simplemodal-container">
        ...
    </div>
</div>
<div id="simplemodal-overlay">&nbsp;</div>

Answer 1

download jquery ui

and then

$('#freeshipping').click(function(){
    $('#freeshippingmodal').dialog({
        modal: true
    });
});

to open modal