title: jQuery jScrollPane replace specific div inside of getContentPane()
body: <p>I'm using a custom jScrollPane and dynamically populate it using jQuery from a returned partial view.</p>
  
  <p>I'm populating it like this:</p>
  
  <pre><code>var pane = $('.mainContainingDiv').jScrollPane(settings);
  var api = pane.data('jsp');
  
  // Populate function
  api.getContentPane().html(someData);
  api.reinitialise();
  </code></pre>
  
  <p>This is great and works exactly as I expect it to, but this content pain currently contains content that only needs to be set once so I do not want to return more than i have to on every server call. Rather, i'd like to move it out of the partial view and into the main view that contains the javascript.</p>
  
  <p>Here's some html to illustrate this better:</p>
  
  <p><strong>BEFORE:</strong></p>
  
  <pre><code>&lt;div class="myContainingDiv"&gt;
      &lt;div class="staticContentDivThatIDontWantReturnedOnEveryServerCall"&gt;
         Info
      &lt;/div&gt;
      &lt;div class="dynamicDiv"&gt;
         More Info
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>so right now I'm replacing both divs with the getContentPane() function. How can I only replace one. e.g.</p>
  
  <p><strong>CALL 1</strong></p>
  
  <pre><code>// some controller calls
  api.getContentPane().html(NEWDATAFROMWHEREVER);
  </code></pre>
  
  <p>Here's what this results in (as expected), and the result I want.</p>
  
  <p><strong>UNDESIRED RESULT</strong></p>
  
  <pre><code>&lt;div class="myContainingDiv"&gt;
      NEWDATAFROMWHEREVER
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>DESIRED RESULT</strong></p>
  
  <pre><code>&lt;div class="myContainingDiv"&gt;
      &lt;div class="staticContentDivThatIDontWantReturnedOnEveryServerCall"&gt;
         Info
      &lt;/div&gt;
      NEWDATAFROMWHEREVER
  &lt;/div&gt;
  </code></pre>
  
  <p>So how can I replace only one div in the container with the <code>getContentPane()</code> call via <code>jScrollPane</code></p>
  
  <p>Thanks</p>