Problems called wrap.

Problems called wrap.

Could someone explain to me why the following page shows four text boxes?  Seems like it should be a relatively inoffensive operation.

Thanks in advance,

Julian.


<html>

<head>


    <script type="text/javascript" src="/jquery-1.2.6.js"></script>

    <script type="text/javascript">

$(document).ready(function() {

    elements = $("div > *"); elements.wrap("span");


}); 

    </script>

</head>

<body>

    <form>

    <div class='Box'>

        

            <label for='repeat'>Repeat</label>


            <span>

                <input id='repeat' type='text' value='Box1' />

            </span>

    </div>

    </form>

</body>


</html>

<div>
</div>