title: Sound does not play on one page but does on another
body: <p><strong>INTRO</strong></p>
  
  <p>I have two pages with multiple divs that have the same class name "listtitle". When the user clicks on the div it makes a sound. One page is in the parent directory, the other in a subdirectory(1 level) and the jquery file reside in another subdirectory(1 level).</p>
  
  <p><strong>SCRIPT</strong></p>
  
  <pre><code>var obj0 = document.createElement("audio");
      obj0.src ="../airslide2.mp3";
      obj0.volume = 0.2;
      obj0.autoPlay = false;
      obj0.preLoad = true;
      $(".listtitle").click(function() {
          obj0.play();
      });
  </code></pre>
  
  <p><strong>HTML SNIPPET FROM BOTH PAGES</strong></p>
  
  <pre><code>&lt;div id="listbox1" class="listbox"&gt;
  &lt;div class="listtitle"&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>QUESTION</strong></p>
  
  <p>I call the same script on both pages with relative paths to the jquery file that are correct. Does anyone see or know what might prevent the script from working on page 2 when listtitle div is clicked?</p>
  
  <p><strong>NOTE</strong></p>
  
  <p>For testing purposes, I have eliminated all other jquery/javascript(except for the audio script) from page 2 to insure I'm not dealing with conflicting scripts.</p>