Question: I have a logo/header in a css

```
#logo2 {padding:43px 20px 0 20px; background:url(images/in_Store_Marketing.jpg) top right no-repeat;}

```

I am trying to use .animate() in jquery to make the logo come from the right side of the screen and settle in on the left side of the screen. Using the css above, it sets the image on the left side, where it should be at the end of animation.

currently the jquery looks like this

```
$(document).ready(function(){
     $('#logo2').animate(
     { right: "+=95%" }, 3000 );
});

```

HTML looks like this

```
<div id="logo2" style="height:70px">

```

it currently does nothing, no animation... what am I missing? How would you get this to work do animate in such a way?

Answer: 
Sorry, guys, but I solved it myself. Please dont be angry with me. (I will delete the question if it is required by the community.)

```
$.post(
    "test.php", 
    { action: 'someaction', param: '2' },
    function(data) {
      //now data is a json string
      $.each(data, function(key,value) {
       alert(key+value);
       //now below here, I want to perform action, based on the values i got as key and values
      }
    },
    "json"
);

```
Well, JSON gets parsed into JavaScript objects. You can traverse them using [**`for...in`**](https://developer.mozilla.org/en/JavaScript/Reference/Statements/for...in):

```
for(var key in data) {
    if(data.hasOwnProperty(key)) {
        var value = data[key];
    }
}

```