jQuery function not working with data that has been loaded with Ajax
<p>When user clicks a link, it runs <code>$.post</code> to retrieve some data and display it. One of the links pulls a table of sessions with a button next to every session. Here is the code for one of the buttons:</p>

<pre><code>&lt;button class="view_session btn btn-info" id="3f87d50493698d06b9b48abe36cd8fc8"&gt;Details&lt;/button&gt;
</code></pre>

<p>And here is my jQuery function:</p>

<pre><code>$('.view_session').click(function(){
    $('#blanket').show();
    $('#load').show();
    $.post("admin/session.php", { id: $(this).attr('id') }, function(data){
        $('#sort').html(data);
        $('#first').hide();
        $('#load').hide();
        $('#blanket').hide();
    }); 
});
</code></pre>

<p>But nothing happens. I put in a <code>Console.log</code> to test and nothing triggered. Is there something I have to do because the button is being created after the page loads initially?</p>
