Dynamically changing an object parameter with jQuery
<p>I have the following HTML (simplified and stripped for purposes of this question):</p>

<pre><code>&lt;html&gt;
    &lt;head&gt;
        &lt;title&gt;My page&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;object id="myExp" class="myClass"&gt;
            &lt;param name="bgcolor" value="#ffffff" /&gt;
            &lt;param name="wmode" value="transparent" /&gt;
            &lt;param name="width" value="560" /&gt;
            &lt;param name="height" value="310" /&gt;
            &lt;param name="id" value="1535" /&gt;
        &lt;/object&gt;

        &lt;script type="text/javascript"&gt;
            function changeId(id)
            {
                // $('#myExp').
            }
        &lt;/script&gt;
    &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>What I am trying to do is make the <code>changeId()</code> function work. What it should do is replace my <code>&lt;param name="id" value="1535" /&gt;</code> line above with whatever <code>id</code> is passed into the function. How can I use jQuery (or plain old javascript, if need be) to dynamically change the <code>id</code> of the <code>object</code>/<code>param</code> value?</p>
