title: jQuery noconflict() with external resource
body: <p>I'm loading an external JavaScript source (link: <a href="http://developers.firstgiving.com/documentation/nonprofit-search-plugin/" rel="nofollow">FirstGiving</a>) which utilizes jQuery 1.6.2, but the rest of my page uses jQuery 1.10.2 (and I don't want to switch to an older version for just this page).</p>
  
  <p>The 1.6.2 widget looks up non-profit organizations from a database and presents them to the user. I want to simply use the widget, but keep the rest of my page working with jQuery 1.10.2</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="fgGraphWidgetContainer"&gt;&lt;/div&gt;&lt;br /&gt;
  
  Name: &lt;span id="fg_charity_name"&gt;&lt;/span&gt;&lt;br /&gt;
  UUID: &lt;span id="fg_uuid"&gt;&lt;/span&gt;&lt;br /&gt;
  EIN: &lt;span id="fg_ein"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>var FG_GRAPHWIDGET_PARAMS = {
  results : {
  selectaction : function(uuid, charity_name, ein) {
      document.getElementById("fg_charity_name").innerHTML=charity_name;
      document.getElementById("fg_uuid").innerHTML=uuid;
      document.getElementById("fg_ein").innerHTML=ein;
  }
  }
  };
  </code></pre>
  
  <p>I can get it to work when I select jQuery v1.8.3 in the Fiddle, but not with a newer version of jQuery (like on my site). - also, I've tried desperately with <code>noConflict()</code>, but that doesn't seem to get both working at the same time either.</p>
  
  <p><a href="http://jsfiddle.net/bPQ5r/2/" rel="nofollow">http://jsfiddle.net/bPQ5r/2/</a></p>