title: load page content using ajax with preloader via select box
body: <p>Just trying to create a div that we can control its content via ajax load content ( and tag on a preloader just in case )</p>
  
  <p>The fiddle I created is here ( my code is pretty crap. )</p>
  
  <p><a href="http://jsfiddle.net/ozzy/Vcwj5/2/" rel="nofollow">http://jsfiddle.net/ozzy/Vcwj5/2/</a></p>
  
  <p>Could someone please explain ..</p>
  
  <ol>
  <li>i need to show a specific div ( not the loader gif ) on page load</li>
  <li>on select choice the content eg. apples.html gets loaded into the div.</li>
  <li>the loader displays momentarily whilst content is fetched.</li>
  </ol>
  
  <p>Appreciate any help</p>
  
  <p>Cheers Ste</p>