Moving and Wrap Elements

by helpinspireme

HTML

<div class="jqTransformInputWrapper">
<div class="jqTransformInputInner">
<div>
<input type="text" class="date_picker" id="date_picker" value="">
</div>
</div>
</div>

<img class="ui-datepicker-trigger" src="http://www.v2dev.info/css/images/icon_calendar.png" alt="Click for Calendar" title="Click for Calendar">

CSS

.jqTransformInputWrapper{
    background: red;}

.datepicker_image{
    border: 3px solid red;}

JavaScript

var input_div = $('.date_picker')
var img = $('img.ui-datepicker-trigger');
input_div.wrap('<div class="datepicker_image" />').before(img);