title: How to change Accuweather widget location in HTML
body: <p>I'm trying to load an Accuweather widget which can change in location using a dropdown list. It works when there's no loaded location at first. But when i try to change the location, it doesn't work anymore. My guess is I should recall the Accuweather script or function (but I don't know how). Here's the <a href="http://imgur.com/cVqxGss" rel="nofollow">link of the image</a> of what I've done.</p>
  
  <p>And here's a part of my JS code:</p>
  
  <pre><code>$('#awcc1414464209059').attr('data-locationkey',selected); //change the div's data-location-key to the selected location's key
  $('#awcc1414464209059').attr('class',"aw-widget-current");
  $('#awcc1414464209059').attr('data-unit', "c");
  $('#awcc1414464209059').attr('data-language',"en-us");
  $('#awcc1414464209059').attr('data-useip', "false");
  $('#awcc1414464209059').attr('data-uid',"awcc1414464209059");
  getweather();
  
  function getweather(){
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "assets/js/accuweather.js"; 
    document.getElementsByTagName("head")[0].appendChild(script);
    return false;
  }
  </code></pre>
  
  <p>PS: It would be better if I can load multiple widgets at once, so that I can display all the locations for users' convenience. (I tried it already but I can't make it work)</p>