title: HTML from ajax request console logs as object
body: <p>I am requesting some HTML content via an API using jQuery ajax. The data I get back console logs as an object, even when I parse it with jQuery.</p>
  
  <p>Here is what I am doing</p>
  
  <pre><code>$.ajax({
      url: ajaxUrl,
      success: function(data){
  
          var html = data
          var parseData = $(html);
  
          console.log(parseData);
  
  
      }
  });
  </code></pre>
  
  <p>I have tried <code>dataType</code> it made no difference. I have tried to find elements within the data return, but that returns the same.</p>
  
  <p>The data I am returning does not have a doctype, html or body tag.</p>
  
  <pre><code>&lt;div class="item"&gt;
      &lt;h2&gt;Title&lt;/h2&gt;
      &lt;p&gt;...&lt;/p&gt;
  &lt;/div&gt;
  &lt;div class="item"&gt;
      &lt;h2&gt;Title&lt;/h2&gt;
      &lt;p&gt;...&lt;/p&gt;
  &lt;/div&gt;
  &lt;div class="item"&gt;
      &lt;h2&gt;Title&lt;/h2&gt;
      &lt;p&gt;...&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Am I doing something wrong, or is the data being returned wrong?</p>
  
  <p><strong>EDIT</strong>
  Here is the console log
  <img src="https://i.stack.imgur.com/E5QRH.png" alt="Screenshot of console log"></p>