title: Javascript misbehaviour on IAgree function
body: <p>I have following code:</p>
  
  <pre><code>function iAgree(){
      alert("Hello");
      jQuery('#openAccount').hide();
      jQuery('#submitDetails').show();
  }
  </code></pre>
  
  <p>I am calling it using:</p>
  
  <pre><code>&lt;div class="openAccWraper"&gt;
    &lt;div class="openAccDetail"&gt; &lt;/div&gt;
    &lt;div class="questionContact"&gt;
      &lt;input type="checkbox" name="iAgree" id="iAgree" value="1" /&gt;
    &lt;/div&gt;
  &lt;/div&gt;
    &lt;a href="#" onclick="iAgree();"&gt;&lt;img src="img/btnSubmitDet.png" border="0" /&gt;&lt;/a&gt;
  </code></pre>
  
  <p>I am getting following error:</p>
  
  <pre><code>Uncaught TypeError: object is not a function 
  </code></pre>