jQuery: How do I rewrite .after( content, content )?
<p>I've got this form working, but according to <a href="http://stackoverflow.com/questions/2932549/what-is-the-status-of-jquerys-multi-argument-content-syntax-deprecated-support">my previous question</a> it might not be supported: it isn't in the docs either way -- but the intention is pretty obvious in the code.</p>

<pre><code>$(".section.warranty .warranty_checks :last").after(
  $('&lt;div class="little check" /&gt;').click( function () {
      alert('hi')
  } )
  , $('&lt;span&gt;OEM&lt;/span&gt;')  /*Notice this (a second) argument */
);
</code></pre>

<p>What this does is insert <code>&lt;div class="little check"&gt;</code> with a simple <code>.click()</code> callback, followed by a sibling of <code>&lt;span&gt;OEM&lt;/span&gt;</code>. How else can I write this then? I'm having difficulty conjuring something working by chaining any combination of <code>.after()</code>, and <code>.insertAfter()</code>?</p>

<p>I would expect this to work, but it doesn't:</p>

<pre><code>$(".section.warranty .warranty_checks :last").after(
  $('&lt;div class="little check" /&gt;').click( function () {
      alert('hi')
  } ).after ( $('&lt;span&gt;OEM&lt;/span&gt;')  )
);
</code></pre>

<p>I would also expect this to work, but it doesn't:</p>

<pre><code>$(".section.warranty .warranty_checks :last").after(
  $('&lt;span&gt;OEM&lt;/span&gt;').insertAfter(
    $('&lt;div class="little check" /&gt;').click( function () {
       alert('hi')
    } )
  );
);
</code></pre>

<p>-> <strong>Please see <a href="http://jsfiddle.net/U2WjX/" rel="nofollow">my jsfiddle</a> for examples (test case)</strong></p>
