[ureech]

Здравствуйте.Вот html №1

<div class="ok"></div>
<div class="load hide"></div>
<div class="ok-a">ok</div>
<div class="prof">....</div>

Есть html№2

<div class="photo_ok" align="center">			
                  <a class="" href="" title="">
                       <img src="/images/users/ok/1.jpg" alt="" />
                    </a>
		</div>

               <div class="photo_ok" align="center">			
                  <a class="" href="" title="">
                         <img src="/images/users/ok/2.jpg" alt="" />
                  </a>
		</div>
	       <div class="photo_ok" align="center">	
                  <a class="" href="" title="">		
                        <img src="/images/users/ok/3.jpg" alt="" />
                   </a>
		</div>

Требуется при клике на <div class="ok-a">ok</div>прятоть содержимое
<div class="prof">....</div>, а подгружать html№2.С этим я справился так

$(function(){
$('.ok-a').on('click', function(event){        
$('.prof').addClass('hide')
$('.load').removeClass('hide')
$('.load').load('/users/ok.html')// html№2
})
})

Теперь нужно, что бы при клике по картинке в <div class="ok"></div> устанавливался background состоящий из этой картинке. И возврат к html№1.Делаю так

$(function()
     {
       $('.photo_ok img').on('click', function(event)
         {
           event.preventDefault();
           var url = this.getAttribute('src')
		   $('.ok').css('background-image', url)
		   $('.prof,.load').toggleClass('hide')
		   })
		   })

И не работает.Плиз,хелп.