title: Cross Domain jQuery Popup POST
body: <p>I'm trying to make a cross domain POST using the following jQuery popup. IE gives me permission denied on Line 19 of jquery.min.js. Please note that I have the following script running on www.mysite.com and I'm trying to post the data to www.google.com for example. Thus making a cross domain post. I assume this is why IE is giving me permission denied. I know there should be a solution to create a hidden iframe but I have no idea how to implement this in my code. Some examples would be greatly appreciated. Thanks in advance!</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/smoothness/jquery-ui.css" type="text/css" /&gt;
  &lt;style type="text/css"&gt;
  #register { display: none; }
  .ui-dialog { font-size: 10px; }
  .ui-dialog .ui-dialog-titlebar-close { visibility: hidden; }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
  function loadpopup(){
  
  function Init() 
  {
  jQuery('#register').dialog({ width: 400, resizable: false, buttons: { "Continue": function() {
          if (jQuery("#email").val().length &lt; 3) 
          {
              alert('Please enter your email address to continue.');
              jQuery("#email").focus();
          }
          else 
          {
              jQuery("#email_2").val(jQuery("#email").val());
              $.post("http://google.com/register.php", $("form[name='registerform']").serialize());
              jQuery('#register').dialog('close')}
      } 
  }, closeOnEscape: false, modal: true, show: 'slide' });
  }
  jQuery(document).ready(Init);
  }
  
  loadpopup();
  
  &lt;/script&gt;
  &lt;div id="register"&gt;
  &lt;form&gt;
  &lt;center&gt;
  &lt;table&gt;&lt;tbody&gt;
  &lt;tr&gt;&lt;td align="center" style="text-align: center; font-size: 10px; background: #FFFFFF;"&gt;
  &lt;br&gt;&lt;h3&gt;Register&lt;/h3&gt;
    &lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td align="left" style="text-align: justify; font-size: 11px; background: #FFFFFF;"&gt;
  Please enter your email address to continue.&lt;/br&gt;&lt;/br&gt;
    &lt;/td&gt;&lt;/tr&gt;
  &lt;/tbody&gt;&lt;/table&gt;&lt;/center&gt;
  &lt;center&gt;
  &lt;div&gt;
      &lt;table&gt;
          &lt;tbody&gt;
              &lt;tr&gt;&lt;td align="left" style="font-size: 12px; background: #FFFFFF;"&gt;&lt;b&gt;Email:&lt;/b&gt;&lt;/td&gt;&lt;td align="left" style="background: #FFFFFF; font-size: 11px;"&gt;&lt;input type="text" id="email" name="email" maxlength="26"/&gt;&lt;/td&gt;&lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  &lt;/form&gt;
  &lt;/center&gt;
  &lt;/div&gt;
  &lt;form name="registerform" action="http://google.com/register.php" method="post"&gt;
  &lt;input type="hidden" name="email_2" id="email_2" /&gt;
  &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>