jQuery load not loading content
<p>Any ideas why this doesn't work?</p>

<pre><code>$('a.uiAjaxModal').click(function (e) {

            e.preventDefault();

            $modalHtml = '&lt;div class="uiModalWrapper"&gt;&lt;div class="uiModal"&gt;&lt;!--content here--&gt;&lt;/div&gt;&lt;/div&gt;';

            $($modalHtml).find('.uiModal').load($(this).attr('href'));

            $('body').append($modalHtml);

        });

&lt;a class="uiAjaxModal" href="/Organisations/New"&gt;New&lt;/a&gt;
</code></pre>

<p>It appends the modal fine but the content isn't loaded in and I get no errors in the Console!</p>

<p><strong>Also</strong> how could I make it so that the modalHtml is ONLY appended to the dom on a click event like I have done in my code BUT make sure that only one instance of it can exist on the screen?</p>
