title: Binding Click Events on Ajax loaded Material
body: <p>I load some content through ajax:</p>
  
  <pre><code>&lt;form action="functions.php" method="POST"&gt;
          &lt;input type="hidden" name="function" value="login_instructor"&gt;
          &lt;h2 class="dark"&gt;Instructor Login&lt;/h2&gt;
          &lt;br&gt;Instructor Full Name:&amp;nbsp;&lt;input type="text" name="name"&gt;
          &lt;br&gt;Instructor Password:&amp;nbsp;&amp;nbsp;&lt;input type="password" name="pass"&gt;
          &lt;br&gt;&lt;a class="btn btn-inverse btn-large" href="#"&gt;Login as Instructor &amp;raquo;&lt;/a&gt;
        &lt;/form&gt;
  </code></pre>
  
  <p>And in my header, I have a included a .js file:</p>
  
  <pre><code>$(function(){
      $("a.btn").click(function(){ $(this).parent().submit(); });
  });
  </code></pre>
  
  <p>I assume that ready() event is called every time the ajax request is done, therefore the binding should occur again. However, when I load the content, clicking the button does not submit the form.<br>
  What am I doing wrong?</p>