Using jQuery to unhide a div by clicking on a link
<p>for this I am using colorbox jQuery plugin <a href="http://colorpowered.com/colorbox/" rel="nofollow">http://colorpowered.com/colorbox/</a> and a form. I am trying to use jQuery colorbox to unhide a <code>div</code> containing a form and show it in the colorbox when I click on the relevant links below. </p>

<p><strong>This is the javascript in the header I use:</strong></p>

<pre><code>$(document).ready(function() {
    $('#password_reset').ajaxForm({
        success: showResponse,
        clearForm: 'true'
    });

    function showResponse(responseText, statusText) {
        $('#password_reset').hide();
        $('#formStatus').html(responseText);
    };

    $().bind('cbox_open', function() {
        $('#password_reset').show();
        $('#formStatus').html('');
    });

    $(".inline").colorbox({
        width: "300px",
        height: "250px",
        inline: true,
        href: "#password_change"
    });
});
</code></pre>

<p><strong>This is the link I have that is supposed to run my javascript code (above) and unhide the div below and run it into colorbox:</strong></p>

<pre><code>&lt;a href="javascript:showResponse"&gt;Password Reset&lt;/a&gt;
</code></pre>

<p><strong>This is my hidden div:</strong></p>

<pre><code>&lt;div style="visibility: hidden;"&gt;
    &lt;div id='password_change' style="padding:10px; background:#fff;"&gt;
        &lt;strong&gt;Change your password&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;
        &lt;form id="password_reset" action="password_reset.php" method="post"&gt;
            &lt;input type="hidden" name="Method" value="updatePassword"  /&gt;
            Password: &lt;br /&gt;
            &lt;input type="password" name="password1" /&gt;
            &lt;br /&gt;
            &lt;br /&gt;
            Verify Password: &lt;br /&gt;
            &lt;input type="password" name="password2" /&gt;
            &lt;br /&gt;
            &lt;input type="submit" value="Update" /&gt;
        &lt;/form&gt;
        &lt;div id="formStatus"&gt;&lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Hopefully someone can tell me how I can get this working as I am completely stuck and I know it's a small error I am making here but I can't figure it out. Please help?</p>
