title: Dynamically added Jquery remove button not working
body: <p>This is no doubt simple, but my lack of knowledge about jquery makes it complex for me. Basically I have this code:</p>
  
  <pre><code>$(document).ready( 
      function() {
      $( "#remove")
      .click(function() {
          alert("I have been clicked!");
          $(this).parent().parent().remove();
      }); 
  });
  </code></pre>
  
  <p>I add a button to a table meant to remove it's row (see above code). The button is as follows:</p>
  
  <pre><code>&lt;td &gt;&lt;button id='remove' type='button'&gt;Remove&lt;/button&gt;&lt;/td&gt;
  </code></pre>
  
  <p>However, it does nothing when clicked. I think this may have something to do with the fact the button is created after the document is loaded... no idea what to do about it, though.</p>