title: Problem with button click event in jquery
body: <p>I am using jQuery on button click to show div but don't know why its not working...</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;input type="button" id="addmoresg" value="Add More" name="button"&gt;
  &lt;div id="addsg" style="display:none"&gt;
      &lt;!-- more HTML here --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JavaScript:</strong></p>
  
  <pre><code>$(document).ready(function() {
      $('.addmoresg').click(function() {
          $('.addsg').show("slow");
      });
  });
  </code></pre>
  
  <p><strong>jsFiddle demo:</strong> <a href="http://jsfiddle.net/XGVp3/" rel="noreferrer">http://jsfiddle.net/XGVp3/</a></p>
  
  <p>I am not getting any result on button click.</p>