title: Changing html5's source "src" attribute takes no effect wtih angularjs
body: <p>I have a list of audio files presented as links and an <code>&lt;audio&gt;</code> html5 player. Each link invokes a function which change the src of the <code>&lt;source&gt;</code> tag within the <code>&lt;audio&gt;</code>:</p>
  
  <pre><code>&lt;audio controls="controls" preload="none"&gt;
    &lt;source type="audio/mpeg" src="{{selectedSongPath}}"/&gt;
  &lt;/audio&gt;
  </code></pre>
  
  <p>...</p>
  
  <pre><code>&lt;div class="songEntry" ng-repeat="song in songs"&gt;
    &lt;a href="" ng-click="songSelect(song.path)"&gt;{{song.name}}&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>...</p>
  
  <pre><code>$scope.songSelect = function(songPath) {
      $scope.selectedSongPath = songPath;
  }
  </code></pre>
  
  <p>I can see the src changing, but nothing is played. The paths are ok; if I initialize the src with one of the paths, the player works.</p>
  
  <p>What am I doing wrong?</p>