title: trouble with jQuery lifecycle
body: <p>index.html:</p>
  
  <pre><code>&lt;input type="text" id="inputs" name="inputs"&gt;
  &lt;input type="button" id="btnAdd" value="submit"&gt;
  </code></pre>
  
  <p>script.js:</p>
  
  <pre><code>(function() {
      function myFunction(input) {
          alert(input);
      }
      $('#btnAdd').click(myFunction($('#inputs').val()));
  });
  </code></pre>
  
  <p>I'm having trouble getting my javascript to run when my button is clicked. I assume I am misusing the ready function or my page has yet to register the button, but I am unable to break at any linein the javascript when I debug the page. Can someone tell me the proper way to get this to function? Thanks.</p>