Vanilla 2

I am having problems making prettygallery run. I call the script and I get nothing, nothing changed, not errors, nothing. Here's the code:

$(".gallery ul").prettyGallery(
{
itemsPerPage: 4,
animationSpeed: 'normal', /* fast/normal/slow */
navigation: 'top', /* top/bottom/both */
of_label: ' of ', /* The content in the page "1 of 2" */
previous_title_label: 'Previous page', /* The title of the previous link */
next_title_label: 'Next page' /* The title of the next link */
});

// took it from an example on this forum


The generated html via ajax (I call the prettygallery function after inserting the HTML)

• a href="http://www.youtube.com/watch?v=LzfAnnvOg3I" class="prettyPhoto" rel="
  "prettyPhoto[gallery1]" >img src=" "https://i.ytimg.com/vi/LzfAnnvOg3I/default.jpg" width="120" height="90" />
• a href="http://www.youtube.com/watch?v=lMfBWROgzHA" class="prettyPhoto" rel="
  "prettyPhoto[gallery1]">img src=" "https://i.ytimg.com/vi/lMfBWROgzHA/default.jpg" width="120" height="90" />

In the head I have both the js file and css and the images in the appropriate folder.

I run it but it doesn't change a thing. What am I doing wrong. I am using it on the latest Chrome browser. Thanks in advance.