title: document.getElementById().src audio issue
body: <p>What am I doing wrong here? (see JS Fiddle: <a href="http://jsfiddle.net/55aJt/6/" rel="nofollow">http://jsfiddle.net/55aJt/6/</a>)</p>
  
  <pre><code>&lt;audio id="myAudio" src="" controls&gt;&lt;/audio&gt;
  </code></pre>
  
  <p>Object</p>
  
  <pre><code>var allQuestions = [{
      question: "http://www.w3schools.com/html/horse.mp3",
      choices: ["3rd", "5th", "4th"],
      correctAnswer: 2
  },
  </code></pre>
  
  <p>Function</p>
  
  <pre><code>function setHeader(questionNum) {
      var questionHeaderEl = document.getElementById("myAudio").src;
      questionHeaderEl.innerHTML = allQuestions[questionNum].question;
  }
  </code></pre>