title: using tinyscrollbar with ajax
body: <p>I am trying to use tinyscrollbar (<a href="http://baijs.nl/tinyscrollbar/" rel="nofollow">http://baijs.nl/tinyscrollbar/</a>) with ajax loaded content.
  My original page has a div like this :</p>
  
  <pre><code>&lt;div id="content-wrap" style="display:none;"&gt;        
  &lt;/div&gt;
  </code></pre>
  
  <p>I use this function to make the ajax call :</p>
  
  <pre><code>$('#nav li a').click(function(){
      var toLoad = $(this).attr('href')+' #content';
      $('#content-wrap').load(toLoad,showNewContent);
      function showNewContent() {
          $('#content-wrap').fadeIn(1000).css("display", "block");
          $('#scrollbar1').tinyscrollbar();
          $("#scrollbar1").tinyscrollbar_update();
      }
  </code></pre>
  
  <p>The called content looks like this :</p>
  
  <pre><code>&lt;div id="content"&gt;
      &lt;div id="scrollbar1"&gt;
      &lt;div class="scrollbar"&gt;&lt;div class="track"&gt;&lt;div class="thumb"&gt;&lt;div class="end"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
      &lt;div class="viewport"&gt;
      &lt;div class="overview"&gt;
          //some content
          //some more content
      &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;  
  &lt;/div&gt;
  </code></pre>
  
  <p>But it doesnt work at all. What am I doing wrong ?</p>