title: jQuery .load() but exclude script tags
body: <p>I am using the following jQuery to load in 5 pages into the current page</p>
  
  <pre><code>$('.main').load('main.cfm');
  $('.bu1').load('bu1.cfm');
  $('.bu2').load('bu2.cfm');
  $('.bu3').load('bu3.cfm');
  $('.bu4').load('bu4.cfm');
  </code></pre>
  
  <p>But each <code>.cfm</code> has the following <code>script</code> tags in them</p>
  
  <pre><code>            &lt;script src="js/jquery.speedometer.js"&gt;&lt;/script&gt; 
              &lt;script src="js/jquery.jqcanvas-modified.js"&gt;&lt;/script&gt; 
              &lt;script src="js//excanvas-modified.js"&gt;&lt;/script&gt; 
              &lt;script&gt;
              $(function(){
                  $('#MDTQ').speedometer({
                      backgroundImage: "url(speedo/background-r.png)",
                      maximum: 15,
                      scale: 15,
                      suffix: ''
                  });
  
                  $('.changeSpeedometer').click(function(){
                      $('#MDTQ').speedometer({ percentage: $('.speedometer').val() || 0 });
                  });
              });
              &lt;/script&gt;
  </code></pre>
  
  <p>Is there a way to remove  the below from the pages below whilst being loaded?</p>
  
  <pre><code>$('.bu1').load('bu1.cfm');
  $('.bu2').load('bu2.cfm');
  $('.bu3').load('bu3.cfm');
  $('.bu4').load('bu4.cfm');
  </code></pre>
  
  <p>Thanks</p>