jQuery actions on ajax loaded content
<p>I have loaded some data into a boostrap.</p>

<pre><code>$(".open_modal").live('click', function () {
    var $url = $(this).attr('data-url');
    var $title = $(this).attr('title');
    var $modal_data = $('&lt;div class="modal" id="my_modal"&gt;&lt;div class="modal-header"&gt;&lt;button class="close" data-dismiss="modal"&gt;×&lt;/button&gt;&lt;h3&gt;&lt;img src="/assets/imgs/loading.gif" /&gt; Loading....&lt;/h3&gt;&lt;/div&gt;&lt;div id="modal_content"&gt;&lt;/div&gt;&lt;/div&gt;')
        $modal_data.modal({
            show: true,
            backdrop: 'static'
        });
       $modal_data.find("#modal_content").load($url,function(){         
            $modal_data.find("h3").text($title);
    });
    return false;
});
</code></pre>

<p>The content I am loading contains a form...</p>

<p>I am trying to fire a jquery code block the submit event.</p>

<pre><code>$("body").delegate("#post_status_frm", 'submit', function (e) {
    var $this = $(this);
    var $status = $("#shout_field").val();
    $.ajax({
        type: "POST",
        url: "/do/post_status.asp",
        data:  $this.serialize(),
        success: function (data) {
            if (data === 'true') {
                $("#my_modal").modal('hide');
                $("#activity").load('/content/activity.asp');
            } else {
                alert(data);
            }
        }

    });
    return false;
}); 
</code></pre>

<p>But its not working?</p>

<p>I tried throwing up an <code>alert("")</code> on the event to check it is firing. it isn't.</p>

<p>I'm stumped.</p>
