title: split ajax response in two different divs
body: <p>I have an Ajax code like this:</p>
  
  <pre><code>$j(document).ready(function () {
  
      function loading_show() {
          $j('#loading').html("&lt;img src='images/loading.gif'/&gt;").fadeIn('fast');
      }
  
      function loading_hide() {
          $j('#loading').fadeOut();
      }
  
      function loadData(page) {
          loading_show();
          $j.ajax({
              type: "POST",
              url: "load_data.php",
              data: "page=" + page,
              success: function (msg) {
                  var $response = $j(msg);
  
                  // Query the jQuery object for the values
                  oGlobal = $response.filter('#Z').text();
  
                  $j("#container").ajaxComplete(function(event, request, settings) {
                      loading_hide();
                      $j("#container").html(msg);
                  });
              }
          });
      }
  
      loadData(1); // For first time page load default results
  
      $j('#container .pagination li.active').live('click', function () {
          var page = $j(this).attr('p');
          loadData(page);
      });
  }); 
  </code></pre>
  
  <p>Im getting this response:</p>
  
  <pre><code>&lt;div id="container"&gt;
      &lt;div id="Z"&gt;JuanFernando&lt;/div&gt;
      &lt;div id="q"&gt;
          &lt;div class="pagination"&gt;
              &lt;ul&gt;
                  &lt;li p="1" class="inactive"&gt;First&lt;/li&gt;
                  &lt;li class="inactive"&gt;Previous&lt;/li&gt;
                  &lt;li p="1" style="color:#fff;background-color:#006699;" class="active"&gt;1&lt;/li&gt;
                  &lt;li p="2" class="active"&gt;2&lt;/li&gt;
                  &lt;li p="2" class="active"&gt;Next&lt;/li&gt;
                  &lt;li p="2" class="active"&gt;Last&lt;/li&gt;
              &lt;/ul&gt;
              &lt;input class="goto" size="1" style="margin-top:-1px;margin-left:60px;"
                  type="text"&gt;
              &lt;input id="go_btn" class="go_button" value="Go" type="button"&gt;&lt;span class="total" a="2"&gt;Page &lt;b&gt;1&lt;/b&gt; of &lt;b&gt;2&lt;/b&gt;&lt;/span&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to extract "JuanFernando" in order to show in div container but alone and I want that the rest of the response could be show in other different div for example: container2.</p>