sibling html update not working as desired jquery
<p>I have been trying to change the contents of a div which I receive from a php file. The problem I am facing is with this particular part $(this).siblings("div").html("info");
Its not updating the contents. It works fine when not in the success call back what am I missing?</p>

<pre><code>&lt;script type="text/javascript"&gt;


$(function(){
$("button").click(function(){


var name =$(this).attr('name');
var info = 'test=' + name;
var div= name;

$.ajax({  
  type: "GET",  
  url: "yes.php",  
  data: info,  
  success: 

  function(data)

  {  
           $(this).siblings("div").html(data);  

        }  
    });        



  });
  });




&lt;/script&gt;

&lt;style type="text/css"&gt;
.max {
color: #00F;
height: 25px;
 }
 .recent {
background-color: #0F0;
width: 500px;
height: 24px;
 }

 div.min{
width: 200px;
height: 100px;
overflow: hidden;
background-color: #F00;
}
&lt;/style&gt;


 &lt;div&gt;


 &lt;div class="min"&gt;Whats up dude?aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
   &lt;/div&gt;
  &lt;button name='what'&gt;Read More&lt;/button&gt;
  &lt;/div&gt;


    &lt;br/&gt;
   &lt;div&gt;

    &lt;div class="min"&gt;Whats up dude?aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
   &lt;/div&gt;
   &lt;button name='jack'&gt;Read More&lt;/button&gt;

   &lt;/div&gt;
</code></pre>
