title: append() is not a function jQuery
body: <p>I'm quite new to JQuery (I come from Android World) and I do not understand why I'm stuck with <code>Uncaught TypeError: $list.append is not a function</code> because I'm manipulating two jQuery Objects (as far as I know). So here is my code:</p>
  
  <pre><code>function transformInList(items, $list){
    if ($.isArray(items)){
        $.each(items, function(index, value){
            var $li = $('&lt;li /&gt;');
            if (value.name &amp;&amp; value.id){
                $li.attr('id', value.id);
                $li.text(value.name);
                $li.attr('class', 'clickableJobs')
                $list.append($li);
            }
        });
    }
  }
  </code></pre>
  
  <p>This code is called with this function:</p>
  
  <pre><code>$(document).ready(function(){
      var $ul = ('&lt;ul class="side-nav"&gt;&lt;/ul&gt;');
      var jobs = {"jobs":[{"name":"Kellner", "id":"j10"}, {"name":"Fahrer", "id":"j11"}, {"name":"Lehrer", "id":"j12"}]};
      transformInList(jobs.jobs, $ul);
      $('div#jobColumn').append($ul)
  });
  </code></pre>
  
  <p>My error should be trivial (as is my code ) but I do not get it.</p>
  
  <p>Thanks for help :D</p>