title: Why my window.open(...) is not working in IE 7?
body: <p>I have a index.html page, which contains a button<code>id="my-btn"</code></p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"&gt;
      &lt;title&gt;My INDEX PAGE&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;br&gt;&lt;input type="button" id="my-btn" value="OPEN NEW WINDOW"/&gt;
          &lt;script src="js/jquery-1.5.1.js"&gt;&lt;/script&gt;
          &lt;script src="js/my.js"&gt;&lt;/script&gt;
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p><em><strong>js/my.js</em></strong> handles button click event, when <code>my-btn</code> button is clicked, a new browser window will be popped up with a new page(<strong>test.html</strong>)</p>
  
  <p><strong>my.js:</strong></p>
  
  <pre><code>$('#my-btn').click(function(){  
    window.open('test.html', 'testwindow');
  });
  </code></pre>
  
  <p>The new page(<strong><em>test.html</em></strong>) opened in new browser window:</p>
  
  <p><strong>test.html:</strong></p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"&gt;
  &lt;title&gt;TEST&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="my-name"&gt;&lt;/div&gt;
      &lt;script src="js/jquery-1.5.1.js"&gt;&lt;/script&gt;
      &lt;script src="js/test.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Every thing is <strong>working fine in FireFox</strong>, but I got problem in IE 7. </p>
  
  <p>In IE 7, when <code>my-btn</code> is clicked, the new window is <strong>not</strong> popped up, instead, I got error message "<strong>Invalid argument</strong>" which is point to my js code <code>window.open('test.html', 'testwindow');</code>, how to make it working in IE then???</p>