title: Meterial Design Lite is not working with jquery ajax request
body: <p>I am working on spring boot project with jsp and meterial design lite. the jquery code looks like below.</p>
  <pre><code> $.get(&quot;${pageContext.request.contextPath}/info/getform&quot;, function(data){
                  $(&quot;#mainContent&quot;).html(data);
              }); 
      });
  </code></pre>
  <p>Material design lite code looks like below</p>
  <pre><code>&lt;form action=&quot;#&quot;&gt;
    &lt;div class=&quot;mdl-textfield mdl-js-textfield mdl-textfield--floating-label&quot;&gt;
      &lt;input class=&quot;mdl-textfield__input&quot; type=&quot;text&quot; id=&quot;sample3&quot;&gt;
      &lt;label class=&quot;mdl-textfield__label&quot; for=&quot;sample3&quot;&gt;Text...&lt;/label&gt;
    &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  <p>The behavior of display when performing request with form
  action attribute normal.
  But while request performing with jquery ajax request to
  backend generating same code. But text field is displaying
  abnormal.</p>
  <p><a href="https://i.stack.imgur.com/ga7QL.png" rel="nofollow noreferrer">material design lite</a></p>