title: How to make a function call using the control's ID and $ in Javascript?
body: <p>I have this code .. I am not able to call the function on button click. Please help.
  [ I don't wish to use onclick method in the input tag ]</p>
  
  <pre><code>&lt;head&gt;
      &lt;script type="text/javascript" src="jquery-1.10.2.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
          $("btn").on("click",function(){
                   console.log("Clicked_btn");
          });
  
        // Also tried :
  
          $("btn").click(function(){
                   console.log("Clicked_btn");
          });
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;input type="button" id="btn" value="Click to Submit" /&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Both methods do not invoke the function.. where am I going wrong ?</p>