Div with Image - jQuery to Set Width

by audetwebdesign

HTML

<div class="wrapper">
    <div class="imagePanel">
        <img src="http://i1207.photobucket.com/albums/bb466/audetwebdesign/jsFiddle%20Demos/Puffins.jpg" width="300">
        <p>Lorem  ipsum  dolor sit amet, consectetur adipiscing elit. Aliquam  ligula  enim,  fermentum a rhoncus vel, molestie eu tortor. Etiam ligula  orci,  ornare  in lacinia id, suscipit in risus. In non turpis risus.  Cras  blandit,  ante id aliquet dignissim, lacus massa iaculis erat,  ac  interdum magna  leo scelerisque lorem. I</p>
    </div>
</div>

CSS

.wrapper { 
    background-color: lightgray;
    padding: 5px; 
}
.imagePanel {
    border: 1px solid blue;
    margin: 0 auto;
}
.imagePanel img { 
} 
.imagePanel p {
}

JavaScript

$(document).ready(function() {
    theWidth = $(".imagePanel img").css('width');
    $(".imagePanel").css('width',theWidth);
});