Getting 'Uncaught TypeError' when using coinslider
Uncaught TypeError: Object #coin-slider has no method ‘coinslider’

<link rel="stylesheet" href="css/site.css">
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="css/coin-slider-styles.css">
  <!-- Import JQuery -->
  <script src="js/jquery.min.js"></script>

`<div id="coin-slider">`
     `<a href="#">`
        `<img src="img/sirah_logo.png">`
        `<span>sirah logo</span>`
     `</a>`
     `<a href="#">`
        `<img src="img/sirah_logo2.png">`
        `<span>sirah logo</span>`
     `</a>`
              ....
  `</div>`

<!-- Instantiate Slider -->
  <script src="js/coin-slider.min.js"></script>
  <script>
     $(document).ready(function()
     {
        $("#coin-slider".coinslider());
     });
  </script>

$("#coin-slider".coinslider());

$("#coin-slider").coinslider();