Function not recognized from jQuery
<p>I've got a .js file that has this function in it:</p>

<pre><code>function showDialog(divID) 
{
    alert("got here");

    var dialogDiv = $(divID);

    dialogDiv.dialog
    (
        {
            bgiframe: true,
            modal: true,
            autoOpen: false,
            show: 'blind'
        }
    )

    dialogDiv.dialog("open");
}
</code></pre>

<p>And in my page this:</p>

<pre><code>&lt;script type="text/javascript"&gt;

    $(function()
    {
        $("input.invokeDialog").click.showDialog("#testDialog");
    });

&lt;/script&gt;
</code></pre>

<p>I'm trying to figure out why it doesn't recognize my showDialog function.  Is it not possible to reference it with the dot as I am doing?  Do I need a jQuery specific function or syntax for it to know that it's a jQuery function or is there no such thing?</p>
