title: iFrame src property and relative URLs not working
body: <p>I have a web page that has an iFrame in it with a definition in the HTML like the following:</p>
  
  <pre><code>&lt;iframe id="page_is_fresh"  src="~/HTML/fresh.html" style="display: none"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>My site is running under a subfolder /Marketing so all urls are something like <a href="http://myserver/Marketing/SomeFolder/someitem.html" rel="noreferrer">http://myserver/Marketing/SomeFolder/someitem.html</a></p>
  
  <p>I have javascript to change the src of my iframe when an item on the form changes.</p>
  
  <pre><code>    $('#page_is_fresh').attr('src', '/HTML/stale.html');
  </code></pre>
  
  <p>The problem is, this makes the url <a href="http://myserver/HTML/stale.html" rel="noreferrer">http://myserver/HTML/stale.html</a></p>
  
  <p>I tried using '~/HTML/stale.html' and that gives me <a href="http://myserver/Marketing/SomeFolder/~/HTML/stale.html" rel="noreferrer">http://myserver/Marketing/SomeFolder/~/HTML/stale.html</a> which doesn't work either.</p>
  
  <p>How can I get it to give me <a href="http://myserver/Marketing/HTML/stale.html" rel="noreferrer">http://myserver/Marketing/HTML/stale.html</a> without having to hard code the /Marketing part in?</p>