Jquery Color picker plugin

Design help Custom code
1

Hi everyone,

I found this jQuery color picker which I really like. However, I am having issues integrating it into webflow. At this point all I would like is a one page site with this on it.

I have the following posted in head section:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="jquery.minicolors.js"></script>
<link rel="stylesheet" href="jquery.minicolors.css">

<script>
$(document).ready( function() {
  $('INPUT.minicolors').minicolors
});
</script>

I also have a div. with an id of “minicolors”

What am I missing?

http://labs.abeautifulsite.net/jquery-minicolors/

2

Sorry here is what is posted in the head:

    </script><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="jquery.minicolors.js"></script>
<link rel="stylesheet" href="jquery.minicolors.css">

<script>
$(document).ready( function() {
	$('INPUT.minicolors').minicolors
        });
    </script`>`