セル内をクリックするときに関数を呼び出す

Question

ページが読み込まれたときに「ハイ」と表示されるのはなぜですか。しかし、私が細胞をクリックすると、何も起こりません。私はテーブルセルの1つをクリックするたびに「こんにちは」と言うことを期待していました。

ここで間違っていることを誰かに教えてもらえますか？

JS：

$('.cards td').click(flip()); 

function flip(){ 
    alert('hi'); 
} 

HTML

<table> 
     <thead> 
     <th colspan='2'>Hello World</th> 
     </thead> 
    <tbody class="cards"> 
     <tr> 
     <td id="1" class="orange">1</td> 
     <td id="2" class="orange">2</td> 
     </tr> 
     <tr> 
     <td id="3" class="orange">2</td> 
     <td id="4" class="orange">1</td> 
     </tr> 
    </tbody> 
    </table> 

CSS：

table { 
    border-collapse: collapse; 
} 
table, td, th { 
    border: 1px solid black; 
    height:25px; 
} 
.orange{ 
    background-color:orange; 
    color:orange; 
} 

Answer 1

この：

$('.cards td').click(flip()); 

は単純に次のようになります：

$('.cards td').click(flip);