title: I get "w.fn.init [prevObject: w.fn.init(1)]" when I console log
body: <p>I recently came across a problem with javascript I've never seen before.</p>
  
  <p>I'll cut it short.</p>
  
  <p>I'm trying to get all the images with class "small-thumbs" into an array:</p>
  
  <p>var images = $('.small-thumbs');</p>
  
  <p>but when I console.log(images) I get this -> w.fn.init [prevObject: w.fn.init(1)]</p>
  
  <p>I tried to goole it but I couldn't find anything that could solve my problem, so if anyone could explain what this is and how to overcome it will be highly appreciated.</p>
  
  <pre><code>&lt;?php 
      include_once 'includes/header.php';
   ?&gt;
  
          &lt;div class="col-10 product-page-container"&gt;
              &lt;div class="more-images"&gt;
                  &lt;li id="1" class="all"&gt;&lt;img src="assets/1.jpg" class="small-thumbs"&gt;&lt;/li&gt;
                  &lt;li id="2" class="all"&gt;&lt;img src="assets/2.jpg" class="small-thumbs"&gt;&lt;/li&gt;
                  &lt;li id="3" class="all"&gt;&lt;img src="assets/3.jpg" class="small-thumbs"&gt;&lt;/li&gt;
                  &lt;li id="4" class="all"&gt;&lt;img src="assets/4.jpg" class="small-thumbs"&gt;&lt;/li&gt;
              &lt;/div&gt;
  
              &lt;div class="row"&gt;
                &lt;div class="col-8"&gt;
                  &lt;img src="assets/image-name.jpg" id="main-product-image"&gt;
  
                  &lt;a class="prev"&gt;&amp;#10094;&lt;/a&gt;
                  &lt;a class="next"&gt;&amp;#10095;&lt;/a&gt;
  
                &lt;/div&gt;
                &lt;div class="col-4"&gt;
                  &lt;h2 id="product-title"&gt;Adidas NMD_R1 Shoes&lt;/h2&gt;
                  &lt;p id="product-price"&gt;£109.99&lt;/p&gt;
                  &lt;p id="product-color"&gt;Color
                      &lt;li class="color"&gt;&lt;/li&gt;
                      &lt;li class="color"&gt;&lt;/li&gt;
                      &lt;li class="color"&gt;&lt;/li&gt;
                  &lt;/p&gt;
                  &lt;p id="product-size"&gt;Size and Quantity&lt;/p&gt;
                  &lt;div class="size"&gt;
                      &lt;select id="size" class="custom-select"&gt;
                          &lt;option selected&gt;Select Size&lt;/option&gt;
                          &lt;option value="6.5"&gt;6.5&lt;/option&gt;
                          &lt;option value="7"&gt;7&lt;/option&gt;
                          &lt;option value="7.5"&gt;7.5&lt;/option&gt;
                          &lt;option value="8"&gt;8&lt;/option&gt;
                          &lt;option value="8.5"&gt;8.5&lt;/option&gt;
                          &lt;option value="9"&gt;9&lt;/option&gt;
                          &lt;option value="9.5"&gt;9.5&lt;/option&gt;
                          &lt;option value="10"&gt;10&lt;/option&gt;
                      &lt;/select&gt;
                  &lt;/div&gt;
                  &lt;div class="qty"&gt;
                      &lt;select id="qty" class="custom-select"&gt;
                          &lt;option value="1"&gt;1&lt;/option&gt;
                          &lt;option value="2"&gt;2&lt;/option&gt;
                          &lt;option value="3"&gt;3&lt;/option&gt;
                          &lt;option value="4"&gt;4&lt;/option&gt;
                          &lt;option value="5"&gt;5&lt;/option&gt;
                          &lt;option value="6"&gt;6&lt;/option&gt;
                          &lt;option value="7"&gt;7&lt;/option&gt;
                          &lt;option value="8"&gt;8&lt;/option&gt;
                          &lt;option value="9"&gt;9&lt;/option&gt;
                          &lt;option value="10"&gt;10&lt;/option&gt;
                      &lt;/select&gt;
                  &lt;/div&gt;
  
                  &lt;div class="clear"&gt;&lt;/div&gt;
                  &lt;button class="btn btn-success add-to-bag-btn"&gt;Add to bag&lt;/button&gt;
                &lt;/div&gt;
              &lt;/div&gt;
  
  &lt;?php 
      include_once 'includes/footer.php';
   ?&gt;
  </code></pre>