im REALLY new to javascript/jquery so i may have made some noob mistakes.

i am trying to use the .load() function on a div and use ajax to change the content:

1. $(document).ready(function(){
         $("button").click(function(){
               $('#ajax').load('ajax/home-ajax.html')
         }
   }

1. <button type="button">Test</button>

i have a div on the page called "ajax" but it wont change when i press the button.

the "ajax/home-ajax.html" file exists too so thats not the problem

Thanks in advance!