jQuery audio buffered function throws DOM error
<p>I've got this little function to show the amount the audio has buffered. Its a pretty simple little thing and I am not sure why it is throwing the error <code>Uncaught Error: INDEX_SIZE_ERR: DOM Exception 1</code>.</p>

<pre><code>$(song).on('progress', function() {
    $("*[data-url='" + url +"'].body_container .player .load_progress").show();
    var loaded = parseInt(((song.buffered.end(0) / song.duration) * 100), 10);
    $("*[data-url='" + url +"'].body_container .player .load_progress").css({width: loaded + '%'});
}); 
</code></pre>

<p>I know this is a duplicate of things like <a href="http://stackoverflow.com/questions/2923564/uncaught-error-index-size-err">this</a> but i cannot get this to work properly. It seems to behave reasonably normally apart from the error of course. Only at times width is not drawn with the buffering as the seeker overtakes the buffering. Im on localhost so the audio does buffer instantly.</p>

<p>Thanks in advance!</p>
