frame slider problem

by techunter

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css">
<iframe id="main" src="http://fiddle.jshell.net/techunter/rQr5Q" width="100%" height="500"></iframe>

CSS

.behind,.front{
    width:200px;
    height:100px;
}

JavaScript

$(function(){
    var $document = $('#result iframe',$('#main').contents()).contents();
    $('.slider',$document).slider();
});