Script needs to be below ID's

Script needs to be below ID's

Following code will not work

  2. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> 

  4. <script type="text/javascript">
  5. $('#jQ').click(function() {
  6.   alert('Handler for .click() called.');
  7. });
  8. </script> 

  10. <input type="button" value="jQuery" id="jQ">
However this works

  2. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> 

  4. <input type="button" value="jQuery" id="jQ">

  6. <script type="text/javascript">
  7. $('#jQ').click(function() {
  8.   alert('Handler for .click() called.');
  9. });
  10. </script> 

I tried it on google chrome and firefox 3.6.13
Any fixes?