Aufruf einer Funktion beim Klicken in eine Zelle

Question

Warum sagt das nur "hi" wenn die Seite geladen wird. aber wenn ich auf die Zellen klicke, passiert nichts. Ich habe erwartet, dass es jedes Mal "Hallo" sagt, wenn ich auf eine der Tabellenzellen klicke.

Kann mir jemand sagen, was ich hier falsch mache?

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

dies:

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

sollte einfach so sein: