Getting 2 different jQuery plugins to work on 1 HTML page

Getting 2 different jQuery plugins to work on 1 HTML page

Hi, I'm currently building a site for a client and for the homepage I need to be able to run 2 jQuery plugins simultaneously and I do not have any knowledge on jQuery.
The 2 plugins that I am using are Nivo Gallery and prettyPhoto

Here are the codes for Nivo Gallery 
Head:
  1. <link rel="stylesheet" href="path/to/nivo-gallery.css" type="text/css" media="screen" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script> <script src="path/to/jquery.nivo.gallery.min.js" type="text/javascript"></script>
Body:
  1. <script type="text/javascript"> $(document).ready(function() { $('#gallery').nivoGallery(); }); </script>

Here are the codes for prettyPhoto
Head: 
  1. <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script> <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" /> <script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
Body: 
  1. <script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $("a[rel^='prettyPhoto']").prettyPhoto(); }); </script>

I searched around but the solutions that worked for others doesn't seem to work for me, any help is appreciated.