jquery Create Spans and then apply functions to them
<p>I am creating a form in jQuery. When the page loads I'm hiding all textboxes and trying to replace them with a span. </p>

<pre><code>$("form input:text").each(function(index) {
    $(this).after("&lt;span id='Span_" + $(this).attr("id") + "'&gt;" + $(this).val() + "&lt;/span").hide();
});
</code></pre>

<p>This goes through each text input places a span after the textbox with a id the same as the textbox but "span_" appened to the start..</p>

<p>Now I want to apply hover on the spans: $("span").hover </p>

<p>I guess i could do it inside the each or try apply it afterwards (when all have been created) but im not sure how to go about it to get it to work</p>
