title: Parse json & html data from ajax response
body: <p>I'm sending ajax request to url and getting following response:</p>
  
  <p><strong>Ajax Request:</strong></p>
  
  <pre><code>&lt;div id="htmldata"&gt;&lt;/div&gt;
  &lt;script type="text/javascript"&gt;
      jQuery.ajax({
          type: "GET",
          url: "http://testing.local/index.php",
          dataType: "html",
          success: function(response) {
              // Parse response here ...
          }
      });
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>Response:</strong></p>
  
  <pre><code>&lt;div class="dataset"&gt;
      &lt;h1 class="title"&gt;List of Data&lt;/h1&gt;                             
      &lt;table width="100%" align="center" class="datatable" &gt;
          &lt;tr&gt;
              &lt;td class="dataField" &gt;&lt;label&gt;Data 1&lt;/label&gt;&lt;/td&gt;
              &lt;td class="dataValue"&gt;Value 1&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td class="dataField" &gt;&lt;label&gt;Data 2&lt;/label&gt;&lt;/td&gt;
              &lt;td class="dataValue"&gt;Value 2&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td class="dataField" &gt;&lt;label&gt;Data 3&lt;/label&gt;&lt;/td&gt;
              &lt;td class="dataValue"&gt;Value 3&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  
  {"status":"success", "message":"Received data successfully"}
  </code></pre>
  
  <p>In ajax response, there is both types of data, json and html. </p>
  
  <p>So I want to alert success or failer message from json data and set html code in div with id "htmldata" using jQuery or javascript.</p>