title: JQuery Cross-Domain .load() (self-constructing widget)
body: <p>I'm creating a widget for people to use on their websites, however to keep the widget future-proof, i want it to be self constructing using an external javascript.</p>
  
  <p>So the widget code i would ask people to put on their websites would be something like:</p>
  
  <pre><code>&lt;div id="my_widget"&gt;&lt;/div&gt;
  &lt;script type="text/javascript" src="http://www.external-domain.com/mywidget.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p><code>mywidget.js</code> would then use jquery's <code>.load()</code> to populate the <code>#my_widget</code> div with an iframe.</p>
  
  <p>Problem is this doesn't work....</p>
  
  <p>what do i need to do?</p>
  
  <p><em>(note i dont want to have the iframe in the code i give to my customers)</em></p>