title: simple jquery (DOM).click() function not working
body: <p>The following simple html page is not responding to as it should when click on either "click" or "hide all paragraphs" button.I have included jquery lib "jquery-1.9.1.min.js" and I can see its all content in Firefox's 'view source page' by click it.This file's url in my browser is:<strong>mylocalhost:8080/ajaxAppJquery/tryAjax.jsp</strong>.Using Netbeans IDE.</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
      "http://www.w3.org/TR/html4/loose.dtd"&gt;
  
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Simple Ajax Example&lt;/title&gt;
          &lt;script src="jquery-1.9.1.min.js"&gt;&lt;/script&gt;
          &lt;script&gt;
              $("#button").click(function(){
                  alert("working");
                  var url="http://localhost:8080/ajaxAppJquery/sayHello.jsp";
  
                  $("#result").load(url);
              });
  
              $("#hide").click(function(){
                  $("p").hide();
              })
          &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;input id="button" value="click" type="button"/&gt;
  
          &lt;input id="hide" value="hide all paragraphs" type="button"/&gt;
          &lt;p&gt;paragraph 1&lt;/p&gt;
          &lt;p&gt;paragraph 2&lt;/p&gt;
          &lt;p&gt;paragraph 3&lt;/p&gt;
          &lt;p&gt;paragraph 4&lt;/p&gt;
          &lt;p&gt;paragraph 5&lt;/p&gt;
          &lt;p&gt;paragraph 6&lt;/p&gt;
  
          &lt;div id="result"&gt;&lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>When i click on #button it does not alert the message.Actually I am experimenting with jquery-ajax but it is not working with #hide button also.</p>