title: How should I initialize this variable for use with jQuery?
body: <p>What I'd like to do is make a variable that is a specific class/id object.
  For example, on lines (5) and (8) where I do a literal reference of the ID, shoe-carousel, I want to have a variable that represents shoe-carousel instead.
  The problem is that if I do something like:</p>
  
  <pre><code>var fooCarousel = $('.shoe-carousel');
  </code></pre>
  
  <p>it'll work for line (5), not for line (8)</p>
  
  <pre><code>1. //initialize the slide in focus and what will be the center slide
  2. var slideInFocus = document.createElement('img');
  ​3. 
  4. //set the index of the immediate slide in focus when the page loads
  5. slideInFocus.index = $('.shoe-carousel').slick('slickCurrentSlide');
  6.     
  7. //set the source of the immediate slide in focus when the page loads
  8. slideInFocus.src = $('.shoe-carousel .slick-current img').prop('src');
  </code></pre>
  
  <p>To me, it seems like the issue with line 8 is that the single-quotes (') being pushed in from the variable definition are ruining it; so, what's the trick to give to a new JS/jQuery guy like me? Thanks!</p>