title: Cannot able to load different html on div tag in a single page
body: <p>I'm having some doubt, I'm having select option and on that select option I'm having different options
  when I click on that it will load that HTML file and it works well for two options but for third option its
  not working good, while clicking on the second option it gives an error like 
  "Uncaught TypeError: Cannot read property 'is' of undefined"</p>
  
  <p>Here this is my code</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(function() {
    $('#type').change(function() {
      if ($('#type').val() == 'a') {
        
          $('#loadCheckHere').load('./templates/a.html');
        }
      } else if ($('#type').val() == 'b') {
   
          $('#loadCheckHere').load('./templates/b.html');
        
      } else {
        alert('select properly');
        $('#loadCheckHere').load('./templates/c.html');
      }
    });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;select name="type" id="type" style="margin-left:57px;width:180px;"&gt;
   &lt;option name="" value=""&gt;Select Asset Recovery&lt;/option&gt;
   &lt;option name="a" value="a"&gt;Add A&lt;/option&gt;
   &lt;option name="b" value="b"&gt;Add B&lt;/option&gt;
   &lt;option name="c" value="c"&gt;Add C&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;!--This is div tag,Here only I'm loading different html--&gt;
  &lt;div id="loadCheckHere" style="background-color:white"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>