JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

JavaScript

var xml, $xml, elems;
xml =
    '<?xml version="1.0" encoding="UTF-8"?>' +
    '<root>' +
        '<elem id="1" />' +
        '<elem id="2" />' +
        '<elem id="3" />' +
    '</root>';
$xml = $($.parseXML(xml));
elems = $xml.children('root').children('elem');
console.log(elems.length); // logs 3

elems = $xml.find('elem')
console.log(elems.length); // logs 3

elems = $xml.find('root elem')
console.log(elems.length); // logs 4 in Safari -> wrong!, logs 3 in all other browsers

xml =
    '<?xml version="1.0" encoding="UTF-8"?>' +
    '<root>' +
        '<elem id="1" />' +
        '<elem id="2" />' +
        '<elem id="4" />' +  // id is now 4 instead of 3 (3 being the number of "elem" in the document)
    '</root>';
$xml = $($.parseXML(xml));
elems = $xml.children('root').children('elem');
console.log(elems.length); // logs 3

elems = $xml.find('elem')
console.log(elems.length); // logs 3

elems = $xml.find('root elem')
console.log(elems.length); // logs 3