title: jQuery UI tabs javascript click function not working
body: <p>I am using jQuery UI tabs, but I am having an issue.</p>
  
  <p>My javascript code:</p>
  
  <pre><code> $(function() {
    $("#tabs").tabs();
   }); 
  </code></pre>
  
  <p>My HTML:</p>
  
  <pre><code>&lt;div class="demo"&gt;
    &lt;div id="tabs"&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href="#tabs-1"&gt;Eat&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;div id="tabs-1"&gt;
        tab 1
      &lt;/div&gt;
      &lt;div id="tabs-2"&gt;
        tab 2
      &lt;/div&gt;
      &lt;div id="tabs-3"&gt;
        tab 3
      &lt;/div&gt;
    &lt;/div&gt;  
  &lt;/div&gt;&lt;!-- End demo --&gt;
  </code></pre>
  
  <p>I am using another script.js file. from that I am calling one click function.</p>
  
  <pre><code>$("#tabs-2").click(function()
  {
    alert("This is tab3");    
  });
  </code></pre>
  
  <p>This function is not working. I want to display some data from the database on clicking each tab. How to write js function using jQuery? Please help me.</p>
  
  <p>Thanks,
  Raj</p>