title: Center a DIV to a nother using jQuery css
body: <p>When there are multiple nested DIVs how do I set once of those DIVs to the center of another DIV.</p>
  
  <p>Example:
  I want to center <code>$('#thiWrapper)</code> to <code>$('#moveingDiv')</code></p>
  
  <pre><code>$('#moveingDiv').css({
         left: $('#thiWrapper).width()/2 - $('#moveingDiv').width()/2 //doesNot work
  });
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;div id="thiWrapper"&gt;
     &lt;div id="moveingDiv"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>#moveingDiv{
      position: relative;
  }
  </code></pre>