title: how to initialize multiple instances of slider script - one slider for each div based on the div's class attribute
body: <p>I'm pretty new to javascript. I'm having trouble initializing multiple instances of a slider script. I want 1 slider initialized for each div with class "horizontalSlider" by giving the script that div's id so that each instance is unique.</p>
  
  <p>Here's what I have so far but it is not working. </p>
  
  <pre><code>$(document).ready(function(){
                  $('.horizontalSlider').each(function(){
                      var thisSlider = '"#' + $(this).attr("id") + ' ul"';
                      $(thisSlider).bxSlider({
                          mode : 'horizontal',
                          speed : 500,
                          prevImage : 'prev.svg',
                          nextImage : 'next.svg',
                          easing : 'swing'
                      });
                  });
              });
  </code></pre>