How to change the background image in ui-li-link-alt

How to change the background image in ui-li-link-alt

hi guys

this is my code in CSS 

.ui-li-link-alt  {
 
   background: url("../img/AddtoFavoritesUnselected.png") no-repeat rgba(0, 0, 0, 0) !important;
    background-position: 109px 50% !important;
}


and this in on my HTML button
 $("#Recipe").click(function() {//
 

      
           $("#RecipeList .ui-li-link-alt").css('background','url(/img/AddtoFavoritesBig.png)')
            $("#RecipeList .ui-li-link-alt").css('background-position','109px 50% !important')
               
       
}); 



but its not working :(