title: jquery click doesn't work on ajax generated content
body: <p>I am using <code>$(".button").on("click", function(){ });</code></p>
  
  <p>to click to a button which is on a container but then an ajax call is done and the content 
  gets updated with new stuff and then when i try to click <code>.button</code> it wont work... nothing will get returned when i click the button.</p>
  
  <p>I even tried</p>
  
  <pre><code>$(".button").live("click", function(){ });
  </code></pre>
  
  <p>or </p>
  
  <pre><code>$(".button").click(function(){ });
  </code></pre>
  
  <p>How can I make it work?</p>
  
  <p><strong>EDIT :</strong>
  my html:</p>
  
  <pre><code>&lt;div class="container"&gt;
     &lt;ul&gt;
         &lt;li&gt;item1&lt;/li&gt;
         &lt;li&gt;item2&lt;/li&gt;
         &lt;li&gt;item3&lt;/li&gt;
     &lt;/ul&gt;
     &lt;input type="button" value="reload" class="button" /&gt;
  &lt;/div&gt;
  </code></pre>