title: Why i am unable to set z-index of div using jquery?
body: <p>I have created a sample<br>
  <a href="http://jsbin.com/eqiti3" rel="noreferrer">http://jsbin.com/eqiti3</a>
  here we have three divs. Now, what i want to do is: on clicking of any div it should come on the top of other div then fade and then back to its original position. This is what i am using: </p>
  
  <pre><code>$(".box").click( function () {
      var zindex = $(this).css('z-index');     
    /* this too is not working
      $(this).css('z-index',14);  
      $(this).fadeTo ( 'slow', 0.5 ).fadeTo('slow', 1 )
      $(this).css('z-index',zindex);
    */
  
      $(this).css('z-index',14).fadeTo  ( 'slow', 0.5 ).fadeTo('slow', 1 ).css('z-index',zindex);
  
  } );
  </code></pre>
  
  <p>provided <code>$(this).css('z-index',14)</code> this alone is capable of making the div to come over other divs. </p>