title: Empty .HTML() on Javascript
body: <p>I am trying to generate a divs inside my row. I am getting the data from my PHP using an JSON Array.</p>
  
  <p>The problem is the columns are not displaying.</p>
  
  <p>Here is my PHP code:</p>
  
  <pre><code> $response[] = array(
      'CLIENTDETAILS' =&gt; $clientdetails,
      'SPOUSEDETAILS' =&gt; $spousedetails,
      'COMAKER1DETAILS' =&gt; $comaker1details,
      'COMAKER2DETAILS' =&gt; $comaker2details
  );
  
  echo json_encode($response);
  </code></pre>
  
  <p>Here is my Javascript Code:</p>
  
  <pre><code> $.ajax({
      url: 'generate-application-approval-client-details.php',
      method: 'POST',
      dataType: 'TEXT',
      data: {applno : applno, clientid : clientid},
      success: function(response) {
          $("#display-client-details").html(response[0].CLIENTDETAILS);
      }
   });
  </code></pre>
  
  <p>Here is the Result of my JSON:</p>
  
  <pre><code>CLIENTDETAILS: "&lt;div class="col-lg-4"&gt;
  ↵                &lt;label&gt;Client ID&lt;/label&gt;
  ↵                &lt;label class="form-control"&gt;2000013652&lt;/label&gt;
  ↵            &lt;/div&gt;"
  </code></pre>
  
  <p>I also tried yung .innerHtml but the result is Undefined.</p>