Generic function to clear all Label, TextBox and HiddenField of Form using jQuery

<div class = "form">
    <input type="text" id = "txtName" value = "Mudassar" class = "Element" />
    <span id="lblName" class = "Element">Mudassar</span>
    <input type="hidden" id = "hfName" value = "Mudassar" class = "Element" />
</div>
    <input type="button" id = "btn" value = "Clear" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        $("#btn").click(function () {
            var elements = $(".Element");
            ClearElement(elements);
        });
    });
    function ClearElement(elements) {
        $(elements).each(function () {
            if (this.tagName == "SPAN") {
                $(this).html('');
            }
            if (this.tagName == "INPUT") {
                $(this).val('');
            }
        });
    }
</script>