title: jQuery Button not getting clicked
body: <p>What is wrong in this piece of code ?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt; 
  &lt;html&gt; 
  &lt;head&gt; 
      &lt;title&gt;WebService Example&lt;/title&gt;         
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;             
          &lt;link rel="stylesheet" href="jquery.mobile-1.0.1.min.css" /&gt;
          &lt;script src="jquery.js"&gt;&lt;/script&gt;
          &lt;script src="jquery.mobile-1.0.1.min.js"&gt;&lt;/script&gt;            
          &lt;script type="text/javascript"&gt;                
              $("#Btn").click(function (event) {
                      alert("Button Clicked");                             
                  });                                                         
          &lt;/script&gt;            
  &lt;/head&gt; 
  &lt;body&gt;         
      &lt;div data-role="page"&gt;
          &lt;div data-role="header" data-nobackbtn="false"&gt;
              &lt;div&gt;&lt;a href="index.html"&gt;Back&lt;/a&gt;&lt;/div&gt;
          &lt;/div&gt;                        
          &lt;div data-role="content"&gt;
              This is the content
          &lt;/div&gt;                        
          &lt;div data-role="footer"&gt;                    
              &lt;a href="#" data-role="button"
                      data-icon="info" id="Btn"&gt;Button&lt;/a&gt;
          &lt;/div&gt;            
      &lt;/div&gt;        
  &lt;/body&gt;
  </code></pre>
  
  <p></p>