title: Get value via class in AJAX form submit
body: <p>I'm trying to submit a HTML from using AJAX.</p>
  
  <p>My HTML:</p>
  
  <pre><code>&lt;form class="lyrics"&gt;
       &lt;input type="text" value="" id="song" name="song"&gt;
       &lt;button type="submit" class="btn btn-info lirik"&gt;lyrics&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I have dynamic form. so it can more than 1 form.
  My Javascript:</p>
  
  <pre class="lang-js prettyprint-override"><code>$(function() {
      $(".lyrics").bind("submit", function() {
          var value = $("#song").val();
          alert(value);
          $.post("lihat_lirik.php", {
              value: value
          }, function(data) {
               $("#lyric_results").html(data);
          });
          return false;
      });
  });
  </code></pre>
  
  <p>How can I get the song value from the form input as var?</p>
  
  <p>Here <a href="http://jsfiddle.net/eumtn300/" rel="nofollow">jsfidle</a>
  Its work in first form but not on the second one,</p>