title: Change color after Success query of jquery ajax
body: <p>I am Creating Inline editing webpage for my company 
  here i write jquery code for sending data to config.php file and save data there</p>
  
  <p>Here is my jquery code:</p>
  
  <pre><code>&lt;script src="&lt;?=base_url()?&gt;application/views/blackline/clients/jquery.js" type="text/javascript"&gt;&lt;/script&gt;
  
  
  &lt;script&gt;
  
          $(document).ready(function(){
          $('div.auto').click(function(){
                  $('.ajax').html($('.ajax input').val());
                  $('.ajax').removeClass('ajax');
  
                  $(this).addClass('ajax');
                  $(this).html('&lt;input id="editbox" size="'+$(this).text().length+'" type="text" value="' + $(this).text() + '"&gt;');
  
                  $('#editbox').focus();
  
            }
            );
  
  
  
          $('div.auto').keydown(function(event){
                  arr = $(this).attr('name').split(" ");
                  if(event.which == 13)
                  {   
                      $.ajax({    
                      type: "POST",
                      url:"/con.php",
                      data: "value="+$('.ajax input').val()+"&amp;field="+arr[1]+"&amp;table="+arr[0]+"&amp;row="+arr[2],
                      success: function(data){
  
                           $('.ajax').html($('.ajax input').val());
                           $('.ajax').removeClass('ajax');
  
                      }});
                   }});
  
          $('#editbox').live('blur',function(){
  
           $('.ajax').html($('.ajax input').val());
           $('.ajax').removeClass('ajax');
          });
  
  
  
      });
  
  
  &lt;/script&gt;
  </code></pre>
  
  <p>Every thing is working fine the only thing which I want to improve is when user changed data the new data should be highlighted for few seconds with yellow background</p>