title: Changing IFrame src attribute
body: <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>