Mixing inline attributes with an attribute object
<p>I should get 3 images here but I get 2.  The last one fails:</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.5.1.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$().ready(function() {
    var img = $('&lt;img src="icon.next.gif" url="/" /&gt;');
    $("body").append(img);
    img = $('&lt;img /&gt;', { src: "icon.next.gif", url: "/" });
    $("body").append(img);
    var img = $('&lt;img src="icon.next.gif" /&gt;', { url: "/" });
    $("body").append(img);
});
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>I could swear I've mixed these before but now it seems like the second parameter replaces all tags.  I really need it to add because I've got a string generated (which comes with inline attributes) and I need to add to it.</p>

<p>Here's [<a href="http://jsfiddle.net/x2qSz/" rel="nofollow">fiddle</a>] for anyone who'd like to play with it.</p>

<p>Using IE9 and it breaks with:</p>

<blockquote>
  <p>SCRIPT438: Object doesn't support
  property or method
  'createDocumentFragment' 
  jquery-1.5.1.js, line 5450 character 3</p>
</blockquote>
