Changing IFrame src attribute
<p>I'm working with a few test pages and I'm having trouble loading the pages in to the IFrame with the src attribute using jQuery. All the pages are local.</p>

<p>Here are the scripts I've tried:</p>

<pre><code>$(document).ready(function () {
    $("#button1").click(function () {
        $("#iframeBox").attr("src", "Default.aspx");
    });
});
</code></pre>

<hr>

<pre><code>$(document).ready(function () {
    $("#button1").click(function () {
        $("#iframeBox").attr("src") = "Defualt.aspx";
    });
});
</code></pre>

<p>This is the markup for the IFrame:</p>

<pre><code>&lt;iframe id="iframeBox" src="Copy of Default.aspx"&gt;&lt;/iframe&gt;
</code></pre>

<p>I tried to use this code with online pages and it still didn't work.</p>

<p>If using IFrames is a bad idea, could you please recommend me a different method I can use.
The idea of the site is to show a lot of galleries with subjects that the user can browse
and every page should hold a gallery.</p>

<p>I'm using the: <code>galleriffic</code> jQuery plugin.</p>
