title: Failing to load jScrollPane dynamically with content?
body: <p>I want to reinitialise jScrollPane when new content is added loaded to the div, heres what I got so far:</p>
  
  <pre><code>var pane = $('.content_pane')
  
  function loadContent() {
              $('#content').load(toLoad,'',showNewContent())
               $('.content_pane').jScrollPane();
               pane.reinitialise();
          }
  </code></pre>
  
  <p>It sort of breaks the page, but I'm new to JavaScript so I figure probably doing something wrong.</p>
  
  <p>Updated :</p>
  
  <pre><code>    function loadContent() {
          $('#content').load(toLoad,'',showNewContent)
  
      }
      function showNewContent() {
          $('#content').show(1,hideLoader());
          $('.content_pane').jScrollPane();
       pane.reinitialise(); 
  
      }
  </code></pre>
  
  <p>It still only loads once?!</p>
  
  <p>Update 2:</p>
  
  <pre><code>function loadContent() {
          $('#content').load(toLoad,'',showNewContent)
  
      }
  
      function showNewContent() {
          $('#content').show(1,hideLoader());
          $('.content_pane').jScrollPane();
              var api = $('.content_pane').jScrollPane(
      {
          showArrows:true,
          maintainPosition: false
      }
  ).data('jsp');
  
          api.getContentPane();
          api.reinitialise();
      }
  </code></pre>
  
  <p>HTML :</p>
  
  <pre><code> &lt;div id="content_pane" class="content_pane"&gt;
          &lt;div id="content" &gt;  
          &lt;!-- content delivered here --&gt;     
           &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>It's quite straight forward.</p>