title: jQuery - tabs, use url to load ajax content
body: <p>So my script looks like this</p>
  
  <pre><code>function() {
      $( "#tabs" ).tabs();
  });
  
  function Wczytaj(link, div_id, parametr1, parametr2, parametr3)
  {
     $.ajax(link, { data: { par1: parametr1, par2: parametr2, par3: parametr3 },
     type: "post",
       success: function(data) {
         $('#'+div_id).fadeOut("medium", function(){
         $(this).append(data);
        $('#'+div_id).fadeIn("medium");
       });
    }
   });
  }
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div id="tabs"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#id1" onClick="Wczytaj('trouble2.php','id1','null','null','null');"&gt;My id 1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#id2" onClick="Wczytaj('trouble2.php?action=lista','id2','null','null','null');"&gt;My id 2&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#id3" onClick="Wczytaj('troubl2.php?action=old','id3','null','null','null');"&gt;My id3&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  
      &lt;div id="id1"&gt;&lt;/div&gt;
      &lt;div id="id2"&gt;&lt;/div&gt;
      &lt;div id="id3"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And it works without a problem, BUT I want to use also an URL address to load div content
  for example, <code>http://myurl.com/page.php#id2</code> should load page with selected tabs with <code>id2</code> - it works, but div is empty because of <code>onClick</code> attribute. How to fix it?</p>
  
  <p>I apologize for my english</p>