Issues with configurating Infinite Scroll

Issues with configurating Infinite Scroll

    Hi!
        i have trouble making infinite scroll work! I'm talking about this website:

        http://www.timrodenbroeker.de/bereich/projekte/

            I placed this at the bottom of the <head>-Area:
                1. <script src="http://www.timrodenbroeker.de/wp-content/themes/trvk/js/jquery-1.11.0.min.js"></script> <script src="http://www.timrodenbroeker.de/wp-content/themes/trvk/js/jquery.infinitescroll.min.js"></script>


                      And this into the beginnig of the <body> (then i changed the selectors.):

                          1. <script type="text/javascript">
                          2. // infinitescroll() is called on the element that surrounds 
                          3. // the items you will be loading more of
                          4.   $('#wrapper').infinitescroll({
                          5.  
                          6.     navSelector  : "div.bottomnav",            
                          7.                    // selector for the paged navigation (it will be hidden)
                          8.     nextSelector : "div.bottomnav a:first",    
                          9.                    // selector for the NEXT link (to page 2)
                          10.     itemSelector : "div.article"          
                          11.                    // selector for all items you'll retrieve
                          12.   });
                          13. </script>

                                                        Maybe it doesn't work, because i filled in the wrong selectors? 

                                                            The website is running under wordpress. I know there's a plugin, but i wan't to learn how it works the classic way. :-)

                                                                Thanx in advance!