title: How to align a div at the center of a page using Jquery?
body: <p>Iam positioning my div at the center of the page using below css code : </p>
  
  <pre><code>.content{
   width:1000px;
   height:600px;
   margin:auto;
   margin-top:auto;
  }
  </code></pre>
  
  <p><strong>My Requirement :</strong> <br/> 
  I would like to implement the above in $(document).ready(function () {} using JQuery. Initially i will assign the div negative position and hide it. Then in document.ready i want to show it and animate the div assigning the above properties.</p>
  
  <p>I tried to implement the same. I am able to assign width and height but  margin:auto and margin-top:auto; is not working.</p>
  
  <p>It will be very helpful if somebody can guide me..!!</p>
  
  <p>This is what i am doing: <br/>
  <a href="http://jsfiddle.net/rgd9mwjz/" rel="nofollow">http://jsfiddle.net/rgd9mwjz/</a></p>
  
  <p>I need to see the animation of div moving from -5550px to center of div. How to achieve this?</p>