title: Jquery click event not returning anything
body: <p>My jquery is not alerting anything when I click the button with the id decrease. This is my code. I am using external js file.</p>
  <pre><code>$(document).ready(
      $('#decrease').click(function() {
          var beforeIncrement = $('#amt').val();
          alert(beforeIncrement);
      }))
  </code></pre>
  <p>I tried doing this and it is working fine.</p>
  <pre><code>$(document).ready(function(){
      alert(&quot;Ready&quot;);
  })
  </code></pre>
  <p>This is the html code:</p>
  <pre><code>&lt;div class=&quot;row justify-content-center d-flex&quot;&gt;
       &lt;button id=&quot;decrease&quot; class=&quot;btn btn-warning&quot;&gt;-&lt;/button&gt;
           &lt;input type=&quot;number&quot; id=&quot;amt&quot; value=&quot;1&quot;/&gt;
       &lt;button id=&quot;increase&quot; class=&quot;btn btn-warning&quot;&gt;+&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  <p>what's wrong with my first code snippet?</p>