title: How to change the position of the JQuery dialog box
body: <p>I am trying to change the position of the jQuery dialog box by giving the position through the css.</p>
  
  <p>But when I apply the changes in .css file &amp; refresh the page, the dialog box is not appearing in the given position.</p>
  
  <p>I am using <a href="http://jqueryui.com/dialog/" rel="nofollow">jQuery dialog</a></p>
  
  <p>Please suggest how to change the position.</p>
  
  <p>I tried this css in jquery-ui.css, but didn't work:</p>
  
  <pre><code>.ui-dialog{
      position:absolute;
      top:161px;
      left:842.5px;
  }
  </code></pre>