title: preventing a DOM object from loading
body: <p>I know it is possible to set a display property to "none" and toggle it with jquery, but ultimately the object is still loaded, just not displayed. Is there a way to prevent a element from being loaded at all to save loading times? I am using the below code to toggle css properties but I want it to not load the element at all.</p>
  
  <p>js</p>
  
  <pre><code>var ua = navigator.userAgent.toLowerCase();
  var isAndroid = ua.indexOf("android") &gt; -1;
  if(isAndroid) {
      $(".startb").css({"display":"inline-block"});
      $(".flashObj").css({"display":"none"});
  }
  else {
      $(".startb").css({"display":"none"});
      $(".flashObj").css({"display":"inline-block"});
  }
  </code></pre>
  
  <p>my elements</p>
  
  <pre><code>&lt;div class="startb"&gt;&lt;a href="Audio/004_IAM_God_is_Love.mp3"&gt;&lt;img src="dbs/images/start.png" width="40" height="40" /&gt;&lt;/a&gt;&lt;/div&gt;
  
  &lt;div class="flashObj"&gt;&lt;object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" height="20"&gt;
              &lt;param name="movie" value="dbs/js/singlemp3player.swf?file=Audio/004_IAM_God_is_Love.mp3&amp;autoStart=false&amp;backColor=000000&amp;frontColor=ffffff&amp;songVolume=90" /&gt;
              &lt;param name="wmode" value="transparent" /&gt;
              &lt;embed wmode="transparent" width="200" height="20" src="dbs/js/singlemp3player.swf?file=Audio/004_IAM_God_is_Love.mp3&amp;autoStart=false&amp;backColor=000000&amp;frontColor=ffffff&amp;songVolume=90"
              type="application/x-shockwave-flash" /&gt;
              &lt;/object&gt;&lt;/div&gt;
  </code></pre>