javascript strange behaviour of jQuery .click

I ahve a html file, in which I inclu开发者_运维技巧de .js file. This file contains this code:

$(document).ready(function(){
    $("button.save").click(function(){
        alert("payment_type_form_");
    });
    PlanTabs.Open("payments");
    $("#payment-types-accordion").lyfAccordion();
});

All good works. But .click() doesn't. If I move this code to html <script></script> all good nice.

I want to keep javascript code in file, not in html. How can I do it?

Thank you in advance. Sorry for my english)

---

Are you sure jQuery is included before this script file? That's where I've encountered these problems.

---

try putting your script near the bottom of the </body> tag