JQuery: passare dei valori via JQuery da un paragrafo all'altro

JQuery: passare dei valori via JQuery da un paragrafo all'altro



<!DOCTYPE html>
<html lang="it-IT" >
<head>
<meta charset="UTF-8" />           
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<style type="text/css">
.box{width:200px;height:100px;margin:10px;}
.box1{background:red;}
.box2{background:green;}
.box3{background:blue;}
.box4{background:yellow;}
</style>

</head>
<body>
               
                            <script type="text/javascript" language="javascript">
                                <!--
                                $(document).ready(function() {           
                                            $("#codice").html("150");
                                            var toks = $("#codice").html();
                                           
                                            $("#codice2").html(toks);
                                            $("#codice3").text(toks);
                                            $("#codice4").val(toks);
                                           
                                    });   
                            </script>   
                           
                   

<div class="box box1"> Spedizione gratuita per ordini superiori a <span id="codice"></span>  &euro; </div>
<div class="box box2"> Spedizione gratuita per ordini superiori a <span id="codice2"></span> &euro;  </div>
<div class="box box3"> Spedizione gratuita per ordini superiori a <span id="codice3"></span> &euro; </div>
<div class="box box4"> <input type="text" id="codice4" value="" /> </div>





                   
    </body>
</html>