title: Refresh tab content on click in JQuery UI Tabs
body: <p>Content of TAB1 is loaded by ajax from remote url. When TAB1 is selected, I have to switch to TAB2 and then back to TAB1 to refresh the loaded content.</p>
  
  <p>How to make TAB1 refresh loaded content when click on its tab?</p>
  
  <p><strong>Edit:</strong> HTML code is as below</p>
  
  <pre><code>&lt;div id="tabs"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="url1"&gt;Tab1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="url2"&gt;Tab2&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  &lt;script type="text/javascript"&gt; 
      $(document).ready(function(){
          $tabs = $("#tabs").tabs({
              select: function(event, ui) {
                  $('a', ui.tab).click(function() {
                      $(ui.panel).load(this.href);
                      return true;
                  });
              }
          });
  });
  &lt;/script&gt;
  </code></pre>