title: Jquery - How to get click event within hidden div?
body: <p>I am using jquery and the action Im trying to get is when a person clicks a button I have it slide down a hidden div underneath it and display the hidden div. Inside that div there is a form field with a submit button. How would I go about listening for the event of someone clicking the submit button inside that div? I cant seem to get it to work:</p>
  
  <p><strong>UPDATE: This seem to work, let me know if this is the proper way:</strong></p>
  
  <pre><code>$('.button.green.table').live('click',function() {
  
      var dataString = $(this).attr('title');
  
      $("#formdiv" + dataString).slideToggle("fast", function() {
  
      //Added, this works
              $(this).find('.button').click(function() {
  
      alert($('input[name$="notes"]').val());
  
      return false;
  
      });
  
          return false;
  
      });
  
  });
  </code></pre>
  
  <p><strong>EDIT SOME HTML:</strong></p>
  
  <pre><code>&lt;button class="button green table" title="1"&gt;Add Notes&lt;/button&gt;
  &lt;div id="formdiv1"&gt;Notes&lt;br /&gt;&lt;input type="text" name="notes" value="12" /&gt;
  &lt;button class="button" id="buttontest"&gt;GO&lt;/button&gt;&lt;/div&gt;
  </code></pre>