I want change html background img on click

So, i create an array with images and a for to iterate in array.

But, on click, don´t change imgs bg as i want.

Follow the code below

2.    $('html').on('click', function (e) {
3.      var bgs = ['2.jpg','3.jpg','4.jpg'];
4.      for(var x in bgs) {
5.        console.log(bgs[x]);
6.        $(this).css({
7.        background : 'url(http://localhost/w-factory/img/'+bgs[x]+')'
8.       })
9.      }
10.    });
11.