need a jquery code example: connect a sortable list to another sortable list located in an iframe
<p>I need a simple and clear JQuery code example (using Sortable UI) of how to connect two sortable lists, one of which is located in an iframe. </p>

<p>Please consider the below example. One sortable list (#sortable1) is in the main document. The other sortable list(#sortable2) is in the iframe. I need to be able to drag items from one list to another and vice versa.</p>

<pre><code>&lt;ul id="sortable1"&gt;
&lt;li&gt;item 1&lt;/li&gt;
&lt;li&gt;item2&lt;/li&gt;
&lt;/ul&gt;

&lt;iframe src="sortable2.html"&gt;&lt;/iframe&gt;
</code></pre>

<p>Contents of "sortable2.html"</p>

<pre><code>&lt;ul id="sortable2"&gt;
&lt;li&gt;item 1&lt;/li&gt;
&lt;li&gt;item2&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>I'll be very grateful if someone could post a working example. I'm sure it'll be helpful to many other people. </p>

<p>Thank you in advance!</p>
