title: How to change source in html5 video with jQuery
body: <p>I have an html5 video streaming and I need to change it source* after some click action. So what i'm doing works, but only in html, i can see source change but it no changing on my display, can you help me? What is wrong? *The source is appending frome xml file. </p>
  
  <p>HTML</p>
  
  <pre><code>&lt;video autoplay loop width="960" height="540" id="video"&gt;
      &lt;source src="video/movie_01.mp4" id="tv_main_channel"&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>btn.on('click', function(){
      var tv_main_channel = $('#tv_main_channel'),
          d_program_source_mp4 = $(program_self).find("program_source_mp4").text();
  
      tv_main_channel.attr('src', d_program_source_mp4);
  }
  </code></pre>
  
  <p>also i try it with <code>append</code> but it still not work</p>
  
  <pre><code>var video_block = $('#video');
  
  video_block.empty();
  video_block.append(
      '&lt;source src="'+ d_program_source_mp4 +'"&gt;'
  );
  </code></pre>
  
  <p>Thx for help.</p>