title: JQUERY Ajax When I Click A Href
body: <p>I am new to JavaScript, Jquery and Ajax. This is what I am trying to do:</p>
  
  <p>When I click on Pro-Hashtagh, I want to display a word in Show-Id.</p>
  
  <p>This Pro-Hashtagh HTML code:</p>
  
  <pre><code>&lt;li&gt;
      &lt;a href="#" id="Pro-Hashtagh"&gt;Pro Hashtagh&lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>Show-Id HTML code:</p>
  
  <pre><code>&lt;div class="body" id="Show-Id"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Ajax Code:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
      $(function () {
  
          var waiting = '&lt;center&gt;&lt;h3&gt;Please Wait ...&lt;/h3&gt;&lt;/center&gt;';
  
          $('#Pro-Hashtagh').click(function(){
              $("#Show-Id").html(waiting);
          });
  
      });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>But when I click, nothing happens</p>