Uncaught ReferenceError: Phone is not defined when using tmpl Jquery

my coding is working fine after we moved the code to another server, but it is not working. I used jquery.tmpl.js to write the code in the script and append the code.

<script id="leadTemplate" type="text/x-jQuery-tmpl">
   
                {{if Phone || Mobile}}
                <p><span class="lc-info-icon">
                    <i class="fa fa-phone" aria-hidden="true"></i>
                    </span> {{if Phone}} ${Phone} {{else}} ${Mobile} {{/if}}
                </p>
                
                {{/if}}
</script>

/* Jquery Code */

$("#leadTemplate").tmpl(data).appendTo("#leadDetailListAjax");

HTML code

<div id="leadDetailListAjax">

</div>

My code was working fine. But now it shows an error like Uncaught ReferenceError: Phone is not defined

If I change the Jquery version and Jquery tmpl file, use this

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>

then the error shows $.tmpl is not a function