Dynamically loading jQuery library from a custom component and ensuring only one instance
<p>Say I have a web component that uses jQuery and I want to distribute it as a packaged component.</p>

<p>I need a way to ensure that the jQuery library is available on or after the page loads, but I also want to check that the containing html page, or another unknown component that may reference jQuery hasn't already added the library to the page.</p>

<p>At the moment the best example I've seen is this</p>

<p><a href="http://www.squidoo.com/load-jQuery-dynamically" rel="nofollow">http://www.squidoo.com/load-jQuery-dynamically</a></p>

<p>It would need a little tweaking, but I was wondering if there were any other best practices.</p>
