JSFiddle - React, Tailwind, and code Playground

JavaScript

var html = '<html><head><meta name="keywords" content="key, word" /></head><body><div class="customClass">Lorem ipsum</div></body></html>';
var $html = $(html);

console.log('html =', html);
console.log('$html =', $html);
console.info('Array of elements');

console.log('div', $html.find('div') ); // Can´t find any 'div' element
console.log('meta', $html.find('meta') ); // Can´t find any 'meta' element
console.info('$.find() can´t find any elements');

console.log('First object/element in array', $html[0] );

// New HTML
$html = $('<html/>').append(
            $('<head/>').append(
                $('<meta name="keywords" content="key, word" />')
            )
        ).append(
            $('<body/>').append(
                $('<div/>').addClass('customClass').text('Lorem ipsum')
            )
        );

console.log('new $html', $html);
console.log('meta', $html.find('meta') ); // Found it!
console.info('jQuery object that $.find() can handle');


console.log('meta keywords content =', $html.find('meta').attr('content') );