title: JQuery Change An Embeds Src Attribute
body: <p>I am having trouble changing my <code>&lt;embed&gt;</code> <code>src</code> attribute.</p>
  
  <p>(JQuery)</p>
  
  <pre><code>for (index in Forcast) {
  var imageurl = "http://localhost/DesktopVersion/Inc/Images/Weather/";
  var imagename = Forcast[0]['icon']+".svg)";
  var WeatherIcon = imageurl+imagename;
  var parent = $('embed#GetWeatherIcon').parent();
  var newImage = "&lt;embed scr=" + WeatherIcon + " /&gt;";
  var newElement = $(newImage);
  
  $('embed#GetWeatherIcon').remove();
  parent.append(newElement);
  ....
  </code></pre>
  
  <p>(HTML)</p>
  
  <pre><code>&lt;div&gt;
  &lt;embed id="GetWeatherIcon" type="image/svg+xml" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>(CSS)</p>
  
  <pre><code>#GetWeatherIcon {
  height:150px; width:150px; margin:30px 0 0 35px; padding:0; border:0; position:absolute;
  }
  </code></pre>
  
  <p>If someone could please point out what i need to change that would be great. Thanks a bunch!</p>