Q:

How to wrap img element with a div tag

i am going to wrap all my image with a div tag that has a class named image i'm doing just like the jquery website but it doesn't work.
this is my code:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script type="text/javascript">

$(document).ready(function(){

    $( ".post img" ).wrap( "<div class='new'></div>" );
});
    </script>

and this is my html code:
<div class="post">
        <img src="some where" alt="here"/>
        <img src="some where" alt="here"/>
        <img src="some where" alt="here"/>
        <img src="some where" alt="here"/>                                    
    </div>

A:

You need to loop through the images and wrap them
$(".post img").each(function(index, element) {
    $(element).wrap("<div class='new'></div>");
});

Demo

