How to innerHTML an HTML tag without id?
<p>For example I have this HTML code:</p>

<pre><code>&lt;div id="canvas"&gt;
    &lt;div id="root"&gt;
        &lt;div id="content"&gt;
            &lt;span&gt;
                &lt;title&gt;My SVG Example Title&lt;/title&gt;
                &lt;ellipse id="svg_1" /&gt;
            &lt;/span&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>How can I innerHTML the <code>&lt;span&gt;</code> tag without changing the <code>&lt;title&gt;</code> tag using jQuery?
So my expected output would be something like this:</p>

<pre><code>&lt;div id="canvas"&gt;
    &lt;div id="root"&gt;
        &lt;div id="content"&gt;
            &lt;span&gt;
                &lt;title&gt;My SVG Example Title&lt;/title&gt;
                &lt;input type="text" value="this is the innerHTML I must insert but how?" /&gt;
            &lt;/span&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>
