Untitled

<html>
<head>
<title>See Our Events</title>
</head>
<body><div id="content">testing</div></body>
</html>

var content = "<html>n"+
"<head>n"+
"  <title>See Our Events</title>n"+
"</head>n"+
"<body><div id="content">testing</div></body>n"+
"</html>";
var $content = $(content);
console.log($content.find('title').length); // Logs 0. Why?
console.log($content.html());               // Logs null. Why?

var content = "<div><html>n"+
"<head>n"+
"  <title>See Our Events</title>n"+
"</head>n"+
"<body><div id="content">testing</div></body>n"+
"</html></div>";
var $content = $(content);
console.log($content.find('title').length); // Logs 1.
console.log($content.html());               // Logs subset of the source. Why?

var node = document.createElement('html');
node.innerHTML = "<head><title>Test me</title></head><body><div><p>Test 2</p></div></body>"

var nodeElem = $(node);
nodeElem.find('title'); //get 1 result

var $content = $(html);

var $content = $('html');