[jQuery] Bug in before, and after??

[Andy Matthews]

I'm getting some unexpected results using these three functions and I
wondered if this was a bug. This is what I'm trying to accomplish:
 
<div id="leads" class="module">
    <div class="moduleHeader">
        <h2>Lead Submissions</h2>
        <div class="cap"></div>
    </div>
</div>
 
I can code this manually, but I thought it would be nice to use jQuery to
remove some of the redundant code. So I first tried before and after like
so:
 
// jquery
$('h2', '.module').before('<div class="moduleHeader">').after('<div
class="cap"></div></div>');
 
<!-- html code -->
<h2>Lead Submissions</h2>
 
results:
<div class="moduleHeader"></div><h2>Lead Submissions</h2><div
class="cap"></div>
 
(you can see that jQuery "finished" my "incomplete" tag)
 
Why is it doing this? I know it's trying to keep "valid" code, but my code
IS valid...just not with that snippet. Anyone have any comments on this?
 
____________________________________
 
Andy Matthews
Senior ColdFusion Developer

Office:  877.707.5467 x747
Direct:  615.627.9747
Fax:  615.467.6249
[EMAIL PROTECTED]
www.dealerskins.com <http://www.dealerskins.com/> 
 

<<att27bc6.bmp>>