title: .click() not working when using jQuery
body: <p>I have a normal js script which has been working since the start of my project. But now for some reason when I click on buttons nothing works at all, no response from the clicking event(note this used to work) and nothing displays in the console log stating if there is an error of some sort... the script just doesn't respond...</p>
  
  <p>Here is the HTML:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;script type="text/javascript"  src="js/myscript.js"&gt;&lt;/script&gt;
  
  &lt;form&gt;
     &lt;input type="text" name="signinemail" id="signinemail" placeholder="Enter Email"&gt;
     &lt;input type="password" name="signinpassword" id="signinpassword" placeholder="Enter Password"&gt;
     &lt;input type="submit" id ="siginsubmit" name="siginsubmit" value="Sign In"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Here is my javascript:  </p>
  
   <pre class="lang-js prettyprint-override"><code>$(document).on('pageinit',"#sellbookpage",
      function()
      {
          $("#siginsubmit").click
              (
                  function()
                  {
                     alert("hello");
                  }   
              );
      }
  );
  </code></pre>
  
  <p>Note I am making use of jQuery Mobile</p>