I am trying to install and use the iPicture Jquery plugin

Hi,
I am trying to install and use the iPicture Jquery
plugin http://ipicture-square.justmybit.com/ on my website, but I don't think I have installed it correctly, because it is not working for me.

I looked at the instructions here:
http://ipicture-square.justmybit.com/getting_started.html#

I downloaded the zip package and unzipped it and then uploaded the entire folder into my root folder of my Wordpress Installation, is that correct?
Or does it go in a different folder?

Then I went to the wizard and created a tooltip image and copied the code into a page:
<div id="iPicture" data-interaction="hover">
<div class="ip_slide">
<img class="ip_tooltipImg" src="images/flowers-19830_1280.jpg">
<div class="ip_tooltip ip_img32" style="top: 139px; left: 669px;" data-button="morefucsia" data-tooltipbg="bgblack" data-round="roundBgW" data-animationtype="ltr-slide">
<p>
</p>
</div>
</div>
</div>
<script>
$( "#iPicture" ).iPicture();
</script>

Here is the page: http://design.readfolio.com/?page_id=5

I must be doing something wrong. Could you help me please?

Thank you