title: jQuery get div content
body: <p>I have the following div structure, but this structure is changing </p>
  
  <pre><code>&lt;div class="rt-container"&gt;
      &lt;div class="rt-block"&gt;
          &lt;div id="rt-mainbody"&gt;
              &lt;div id="responseMessage"&gt;Welcome bogyoro. Now you are loged in.&lt;/div&gt;
              &lt;div id="responseErrorMessage"&gt;5&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'm using the following code to get the responseMessage content:</p>
  
  <pre><code>var div = logReg.query("&lt;div&gt;").html(msg);
  var message = div.children('#responseMessage').html();
  var isValid = div.children('#responseErrorMessage').html();
  if(isValid == null)
  {
      message = div.find('#responseMessage').html();
      isValid = div.find('#responseErrorMessage').html();
  }
  </code></pre>
  
  <p>But the isValid is null. </p>
  
  <p>Update:</p>
  
  <pre><code>var logReg = {};
  logReg.query = jQuery.noConflict(true);
  </code></pre>