using jQuery to change a background image
<p>I am trying to use jQuery to change the background image in a table cell, the table cell has its own class of ".active". I am using jQuery to change other elements in the same place and they all work fine so i think i must have something wrong in the syntax. the function i am using executes after a button is clicked.
<em>my code:</em></p>

<pre><code>function vehicle(arg){
  $(".active").css("color", "blue");  
  $(".active").css("background-image", "url(../img/car.png)");
};
</code></pre>

<p>css:</p>

<pre><code>.active{
  background-size: 10px 10px;
  background-repeat: no-repeat;
  border-right: 1px solid none;
</code></pre>

<p>the first line executes fine, i have tried the following code plus changed the picture size in every way i can think of :</p>

<pre><code>   $(".active").css("background-image", "../img/car.png");
   $(".active").css("background-image", "url('../img/car.png')");
</code></pre>

<p>can anyone point out what i did wrong?</p>