title: Dynamically modify head tag from web page in a
body: <p>I have a domain registrar that when doing a domain forward it wraps your site in frameset
  so What i want to do it add a line right below there  tag to define a FAVICON.ICO
  like thi s</p>
  
  <p>change 
  %3C%2FHEAD%3E 
      to
  %3Clink+rel%3D%27shortcut+icon%27+href%3D%27%2FPictureLibrary%2Ffavicon.ico%27+%2F%3E
  %3C%2FHEAD%3E</p>
  
  <p>how could I do this using jquery or dynamic javascript/html?</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;smdug.tk&lt;/title&gt;
      &lt;meta name="description" content="smdug.tk"&gt;
      &lt;meta name="keywords" content="bodyareaframe,accessible,content"&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
    &lt;/head&gt;
    &lt;frameset rows="*"&gt;
      &lt;frame frameborder=0 src="http://portal.merrittnet.org/smdug" name="dot_tk_frame_content" scrolling="auto" noresize&gt;
    &lt;/frameset&gt;
  &lt;/html&gt;
  </code></pre>