title: Reload a JS radioplayer in HTML file with new JS values
body: <p>HTML: </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div id="flashradiobig"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>JavaScript radio player (jQuery):</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;script type="text/javascript"&gt;
  $("#flashradiobig").flashradio({
      streamurl: "http://5.135.83.159", 
      streamtype: "shoutcast2", 
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>I would like to click on an image, which will reload my <code>div</code> including the radioplayer with new values for "streamurl" and "streamtype". </p>
  
  <p>I tried to reload the <code>div</code> including the player by doing this <code>load</code> below. But, the player keeps the same parameters... stream url and stream type are unchanged.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function() {
      $(".radio-preview").on('click',function(event) {
        var url = $(this).prop('href');
        $("#flashradiobig").load(url);
        event.preventDefault();
      });
    });
  &lt;/script&gt;
  </code></pre>