定義されていないクラスエラー、jQuery

Question

addClass() jQueryメソッドが動作するのに問題があります。index.htmlで作成した段落の一部にクラス（highlight、以下を参照）を追加しようとすると、Uncaught ReferenceError: highlight is not definedが表示されます。なぜ誰かが私を助けることができますか？

application.js：

jQuery(document).ready(function(){ 
    var newPara = $('<p>Hi Zhilin! This must be pretty boring for you.</p>'); 
    $('#greeting-button').on('click', function(){ 
     $('h1').append(newPara); 
     $(this).remove(); 
    }); 

    $('#odd-button').on('click', function(){ 
     $('.odd-p').addClass(highlight); 
    }); 
}); 

style3.css：

h1 { 
    color: red; 
} 

.highlight { 
    background-color:yellow; 
} 

index.htmlの関連部分：

<p class="even-p">I'm an odd paragraph.</p> 
<p class="odd-p">I'm an even paragraph.</p> 
<p class="even-p">I'm an odd paragraph.</p> 
<p class="odd-p">I'm an even paragraph.</p> 
<button id="odd-button">Click to highlight odd paragraphs</button> 
<button id="even-button">Click to highlight even paragraphs</button> 

Answer 1

いつでもjqueryの内、あなたがIDS、クラス（一般的には要素）を参照されます彼らは親の間で引用符で囲まれますヘイズ。