JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="search"  autocomplete="off"/>
<div id="output"></div>

JavaScript

var x = " " +
   " <UploadResults name='test'> " +
   "<Header>" +
    "<Header_ID>1</Header_ID> " +
    "<PlanYear>2015</PlanYear> " +
    "<PlanVersion>FP01</PlanVersion> " +
  "</Header>" +
  "<ErrorSet>" +
  "  <Row>" +
  "  <Row_Id>0</Row_Id> " +
   "   <Error_String>Validation successful with Zero Errors</Error_String> " +
  "  </Row>" +
  "  <Row>" +
  "    </Row>" +
  "</ErrorSet>" +
"</UploadResults>"; 


    $(document).ready(function(){
        $('#search').on('keyup', function(){
            $.ajax({
                type: "GET",
                url: "WarrantWebsite.xml",
                dataType: "xml",
                success: parseXML
            });
        });
    });
    function parseXML(xml){
        var searchFor = $('#search').val();
        var reg = new RegExp(searchFor, "i");
        $(xml).find('ROW').each(function(){
            var namef = $(this).find('Firstname').text();
            var nameSearch = name.search(reg);
            var addr = $(this).find('Lastname').text();
            var addrSearch = addr.search(reg);
            $('#output').empty();
            if(nameSearch > -1){
                $('#output').append('Found <div>'+searchFor+'<\/div> in name: '+name.replace(reg, '<p>'+searchFor+'</p>'));
            }
            if(addrSearch > -1){
                $('#output').append('Found <div>'+searchFor+'<\/div> in address: '+addr.replace(reg, '<p>'+searchFor+'</p>'));
            }
        });    
    }