title: jquery light slider doesn't work
body: <p>I'm using a lightSlider and I want to use another one on the same page but in other place. I use this slider form here <a href="http://sachinchoolur.github.io/lightslider/" rel="nofollow">http://sachinchoolur.github.io/lightslider/</a> I wrote the code below for the second lightSlider: </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;ul id="#lightSlider2"&gt;
     &lt;li&gt;
        &lt;h5&gt;NatGeo Live Student Mattenes&lt;/h5&gt;
        &lt;img src="images/Layer-10.png" alt=""&gt;
     &lt;/li&gt;
     &lt;li&gt;
        &lt;h5&gt;NatGeo Live Student Mattenes&lt;/h5&gt;
        &lt;img src="images/Layer-10.png" alt=""&gt;
     &lt;/li&gt;
     &lt;li&gt;
        &lt;h5&gt;NatGeo Live Student Mattenes&lt;/h5&gt;
        &lt;img src="images/Layer-10.png" alt=""&gt;
     &lt;/li&gt;
     &lt;li&gt;
        &lt;h5&gt;NatGeo Live Student Mattenes&lt;/h5&gt;
        &lt;img src="images/Layer-10.png" alt=""&gt;
     &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>var slider2 = $("#lightSlider2").lightSlider({
      item: 2,
      autoWidth: false,
      slideMove: 1, // slidemove will be 1 if loop is true
      slideMargin: 10,
      cssEasing: 'ease', //'cubic-bezier(0.25, 0, 0.25, 1)',//
      easing: 'linear',
      speed: 1000, //ms'
      pause: 4000,
      auto: true,
      loop: true,
      pauseOnHover: true,
      controls: false,
      pager: false,
      enableDrag: false
  
  });
  </code></pre>
  
  <p>and CSS is from the lightSlider css file. But second slider doesn't work.</p>