jQuery iris is not a function

Question

I am trying to implement color picker provided here http://automattic.github.io/Iris/ Here is my libraries that i am including.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script src="js/iris.min.js"></script>

and this is how i am implementing this code

 $(document).ready(function() {
       jQuery('#color-picker').iris(); 
});

this is how i have my input field

<input type="text" id='color-picker' value="#bada55" />

but i don't why i get this error

TypeError: jQuery(...).iris is not a function
jQuery('#color-picker').iris();