title: Hide Submit button on Page Load
body: <p>In a php page I have placed a submit button,</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;input type="submit" name="btnAdd" id="btnAdd" Value="Add"&gt; 
  </code></pre>
  
  <p>I need to hide this button (using jQuery) when link is cliked,</p>
  
  <p><strong>Link:</strong></p>
  
  <pre><code>echo  '&lt;a href=" '.$_SERVER['PHP_SELF'].'" onClick="MyFunction()"&gt; Edit &lt;/a&gt;';
  </code></pre>
  
  <p><strong>Javascript:</strong></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function() {
          function MyFunction(){      
               $('btnAdd').hide();
           });
  &lt;/script&gt;
  </code></pre>
  
  <p>But this code does not hide the button as expected. How can I fix this?</p>