I am trying to implement https://rvera.github.io/image-picker/

but when I use this code - it's just showing me a regular select

what am I doing wrong or missing?
Code:
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Image Picker</title>
  

 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
      <link rel="stylesheet" type="text/css" href="image-picker.css">
  <script src="image-picker.js" type="text/javascript"></script>

</head>
<body>
   
    <script language="javascript">


        $("select").imagepicker({
            hide_select: true,
            show_label: false
        })


    </script>
    <div class="picker">
      <select class='image-picker show-html'>
        <option data-img-src='https://www.google.co.il/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png' value='1'>  Page 1  </option>
        <option data-img-src='https://www.google.co.il/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png' value='2'>  Page 2  </option>
        <option data-img-src='https://www.google.co.il/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png' value='3'>  Page 3  </option>
       
      </select>
    </div>
</body>
</html>