jQueryでクリックしたら画像変更ができません

Question

クリックしたら画像が切り替わるjQueryのクリックイベントを使いたいのですが、どうも作動しません。
urlの保存ディレクトリは間違っていないと思うのですが、

Uncaught ReferenceError: url is not defined
at HTMLDivElement.<anonymous> (reserve.html:12)
at HTMLDivElement.dispatch (jquery.js:3)
at HTMLDivElement.r.handle (jquery.js:3)
(anonymous) @ reserve.html:12
dispatch @ jquery.js:3
r.handle @ jquery.js:3

とエラー表示が出てしまいます。

<script type="text/javascript" src="js/jquery.js"></script>
<script>
  $(function() {
    $('.select_care').on('click', function() {
      $('.select_care').css('background',url('../img/select_on.png'));
    });
  });
</script>

bodyの中

<div class="course clearfix">
<p class="index">ケア＆コース</p>
　<div class="select_care">
<p></p>
<p></p>
<p></p>
 </div>

Answer 1

<p></p>では、押せないですね <p>あああ</p>とか indexのクラスを指定しないとダメです。 物体を押せるようにしてください。

url('../img/select_on.png')も
'url("../img/select_on.png")'ですね。

Comments

[kur3]

ありがとうございました！'url("../img/select_on.png")'に変更したら作動しました！