title: Why does my jQuery UI Dialog lose the focus when it finishes the open effect?
body: <p>I'm using jQuery UI Dialog for adding some news to my site. Every time I click <code>add news</code> button, the dialog should open with the text area. Actually, I'm using <a href="http://ckeditor.com/" rel="nofollow noreferrer">ckeditor</a> replacing the <code>textarea</code> and it happens that I can't type inside the text editor due to <code>focus</code> issue (at least I think this is the problem). </p>
  
  <p>Check it out. As just as I click <code>add news</code> button the dialog start to open with its effect. Notice the yellow bordered <code>textarea</code> meaning that it's focused (using Chrome) while it's appearing.
  <img src="https://i.stack.imgur.com/EaLbA.jpg" alt="alt text">
  <a href="https://i.stack.imgur.com/EaLbA.jpg" rel="nofollow noreferrer">Click to zoom</a></p>
  
  <p>Notice then that when the dialog finishes appearing, it isn't focused anymore and I'm having trouble because of this</p>
  
  <p><img src="https://i.stack.imgur.com/LcK2D.jpg" alt="alt text">
  <a href="https://i.stack.imgur.com/LcK2D.jpg" rel="nofollow noreferrer">Click to zoom</a></p>
  
  <p>Also, check my code <a href="http://jsfiddle.net/pzHr2/" rel="nofollow noreferrer">http://jsfiddle.net/pzHr2/</a></p>