jQuery not seeing element?

Question

JavaScript

There is an HTML template:

<script id="template" type="text/html">
<input type="text" class="lol">
</div>

There is JS:

var template = $('#template')

console.log(template.html()) // Все нормально, шаблон находит

console.log(template.find('[type="text"]').attr('class')); // Уже все, undefinded

Why can't it find the element?

Answer 1

Invalid HTML. The script tag opens and the div closes. This is how it will work:

<div id="template">
    <input type="text" class="lol">
</div>

https://jsfiddle.net/q42darnz/