title: .appendChild() is not a function when using jQuery
body: <p>I am trying to transition from pure JavaScript to jQuery. I have a for loop that dynamically creates HTML elements with data from an API. Here is my old code:    </p>
  
  <pre><code>recipeDiv = [];
  recipeDiv[i] = document.createElement("div"); 
  recipeDiv[i].setAttribute("class", "recipeBlock");
  recipeDiv[i].appendChild(someElement);
  </code></pre>
  
  <p>However, when I transitioned to jQuery and used this instead</p>
  
  <pre><code>recipeDiv = [];
  recipeDiv[i] = $("&lt;div/&gt;").addClass("recipeBlock");
  recipeDiv[i].appendChild(someElement);
  </code></pre>
  
  <p>I get the following error: <i>recipeDiv[i].appendChild is not a function</i></p>
  
  <p>I know that .appendChild() isn't jQuery (JS), but shouldn't it still work? Even if I use the jQuery .append() function, I still get an error.</p>
  
  <p>Any help is greatly appreciated.</p>