title: Refresh an iframe without refreshing the entire page
body: <p>I have an iframe that I would like to automatically refresh itself without doing a whole page refresh.  I would prefer to use javascript or jquery.  This is what I have been trying unsuccessfully.</p>
  
  <pre><code>&lt;div class="Widget"&gt;&lt;!--DARK SKY--&gt;
      &lt;div class="WidgetHeader"&gt;
          &lt;img src = "images/WidgetHeaders/DarkSky.png"&gt;&lt;/div&gt;
      &lt;div id="DarkSky" style="width: auto; height: 245px; padding: 5px; background-color: hsla(0,0%,100%,.9);"&gt;
          &lt;iframe id="forecast_embed" type="text/html" frameborder="0" height="245" width="100%" src="http://forecast.io/embed/#lat=38.269571&amp;lon=-85.487420&amp;name=Louisville&amp;units=us&amp;color=#4c7cba"&gt; &lt;/iframe&gt;
      &lt;/div&gt;   
  &lt;/div&gt;
  
  &lt;script type = "text/javascript"&gt;
      window.onload = function() {   
          setInterval(function refreshDarkSky() {  
              document.getElementById("#forecast_embed").src ="http://forecast.io/embed/#lat=38.269571&amp;lon=-85.487420&amp;name=Louisville&amp;units=us&amp;color=#4c7cba"
          }, 90000);
      } 
  &lt;/script&gt;
  </code></pre>