title: jQuery modal dialog and CKEditor input dialog
body: <h1>SOLUTION UPDATE</h1>
  
  <p>After spending sometime searching, I think I can make a workaround of this. For me, the only feature of using a modal dialog is that it prevent access from elements behind it. I figure out that its just as same as using non-modal dialog with overlay behind it. The overlay just did the trick of being a modal dialog (altough its not fully featured modal).</p>
  
  <p>So this is my solution, before I initialize the dialog, I insert a div element before it and give <em>ui-widget-overlay</em> class to the div. Its done using <a href="http://api.jquery.com/insertBefore/">.insertBefore()</a> method. And then, at the dialog '<em>close</em>' event, I remove that overlay div. The dialog '<em>modal</em>' option is set to <strong>false</strong>. By using this solution, CKEditor pop up is working fine, because there only one modal dialog (CKEditor pop up).</p>
  
  <p>Here is the whole code in <a href="http://jsfiddle.net/marsel_aipassa/sd5UT/">jsfiddle</a>. Hope this helps.</p>
  
  <hr>
  
  <hr>
  
  <p>I'm using jQuery to display a dialog. <strong>I set this dialog to modal mode</strong>. Inside that dialog I include a textarea, which then will be used with CKEditor. When I show the dialog, the textarea is converted nicely by CKEditor. But when try to include an image (<strong>CKEditor displays ITS OWN DIALOG for the input</strong>), I cannot use the URL input.</p>
  
  <p>This is my code for init the dialog:</p>
  
  <pre><code>var $dialogJurnal = $("#dialog").dialog({
      autoOpen: false,
      height: 630,
      width: 'auto',
      maxHeight: 630,
      resize: 'auto',
      modal: true
  });
  </code></pre>
  
  <p>With that configuration, I can't click the textbox and type.</p>
  
  <hr>
  
  <p>And then I figure out, that <strong>if I set the modal to false, then it should work</strong>.</p>
  
  <p>This is the code:</p>
  
  <pre><code>var $dialogJurnal = $("#dialog").dialog({
      autoOpen: false,
      height: 630,
      width: 'auto',
      maxHeight: 630,
      resize: 'auto',
      modal: false
  });
  </code></pre>
  
  <p>With that code, everything is normal, I can click to textbox and  type.</p>
  
  <hr>
  
  <p><strong>Because I need to enable the modal mode, then this become my problem.</strong> I think its because the z-index from jQuery dialog (or similar to that) that blocks the CKEditor input dialog. Is there any one can help me?</p>