title: Lazyloading Google API not working
body: <p>Here's the deal. I've tried a number of methods of lazy loading the Google Maps API JavaScript, and every time in do it, with any Lazy Loader I use, FireFox "blocks." It lazy loads just fine in Chrome.</p>
  
  <p>What I mean by "blocks" is that the elements in the HTML don't display, and instead, the browsers spin trying to make a connection to download the Maps JavaScript.</p>
  
  <p>The code follows. Put it in an HTML file and open it in your browser:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;script type="text/javascript" src="http://github.com/rgrove/lazyload/raw/master/lazyload.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
      &lt;body&gt;
          Open your console. Wait for "entering debugger..." message.&lt;br /&gt;
          You can't see me in FireFox, can you?
          &lt;script type="text/javascript"&gt;
              // If I remove the `sensor` from the query string key and value, 
              // Google rejects the request and alert() does occur
              LazyLoad.js("http://maps.google.com/maps/api/js?sensor=false", function() {
                  console.log("entering debugger...");
              });
          &lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>In Chrome, I see the "Open your console..." contents of the page, and the JavaScript is requested and downloaded, async, in the background.</p>
  
  <p>In FireFox, the "Open your console..." contents never appear, and it hangs (status bar says "Read" from a Google DNS), never finishing or displaying the page contents.</p>