title: The content loaded by ajax does not take the styles of the page
body: <p>With ajax I am bringing content to upload my website with information. What the page does is load everything normally first, then execute the corresponding ajax, but when loading the ajax and placing the appropriate information, this information does not apply the styles of the web page. Here is an example of how my code would be:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Document&lt;/title&gt;
  
      &lt;!-- Styles that you do not recognize --&gt;
      &lt;link rel="stylesheet" href="css/bootstrap.min.css"&gt;
      &lt;link rel="stylesheet" href="css/style.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="content" class="div-short"&gt;&lt;/div&gt;
      &lt;script src="js/jquery.js"&gt;&lt;/script&gt;
      &lt;script&gt;
          $.ajax({
              type: 'POST',
              url: "http://localhost:8000/api/pag/5",
              contentType: "application/json; charset=utf-8",
              dataType: "json",
              success: function(data){
                  // Dynamic information
                  $('#id').html(data);
              }
          });
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>If someone has some kind of solution or how it can be done, it is very useful for me. Thank you</p>