Attribute value is URI encoded on set
<p>I want to set an <code>attribute</code> of a DOM element using <code>element["attribute"]</code>, but the value is <code>URI encoded</code>. For instance, if the value is <code>q=test&amp;r=123&amp;s=456</code> and after I append it into the DOM, the value becomes <code>q=test&amp;amp;r=123&amp;amp;s=456</code>.</p>

<p>Now, view <b>RENDERED source</b>, or <b>Copy HTML</b> of the script tag using Firebug...</p>

<p><em>Please copy paste the code below on a new HTML file for your valuable investigation.</em></p>

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"&gt;
&lt;title&gt;Insert title here&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;a href="javascript: injectTag();"&gt;Inject Tag&lt;/a&gt;
    &lt;div id="status"&gt;&lt;/div&gt;
    &lt;script&gt;
        var injectTag = function () {
            var scriptTag = document.createElement("script");
            scriptTag["src"] = "http://www.google.com/search?q=US+Geological+Survey&amp;ie=utf-8&amp;oe=utf-8&amp;aq=t&amp;rls=org.mozilla:en-US:official&amp;client=firefox-a";
            scriptTag["type"] = "text/javascript";

            var head = document.getElementsByTagName("head")[0];
            head.appendChild(scriptTag);
            document.getElementById("status").innerHTML = "Now, view &lt;b&gt;RENDERED source&lt;/b&gt;, or &lt;b&gt;Copy HTML&lt;/b&gt; of the script tag using Firebug...";
        }
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p><em>With thanks and Regards,<br>
Munim</em></p>
