How to make one or more field within the screen run javascript function

Question

I have a javascript function that should be executed when any of the two fields are made any kind of change.

At first only the field #Dating when a change is performed executes the script but I want the #Quantidadeanimais also perform the function.

The question is how to do what #Dating and #Quantidadeanimais no code redundancy.

 $(document).ready(function () {
   $("#DataAbate").change(function () {
   $("#SequenciaInicial").empty();
   $("#SequenciaFinal").empty();
   $.ajax({
            type: 'POST',
            url: '@Url.Action("GetSequencia")',
            dataType: 'json',
            data: { dataAbate: $("#DataAbate").val() },
            success: function (data) {
                $.each(data, function (i, data) {

                    document.getElementById('NumeroLote').value = parseInt(data.NumeroLote) + 1;
                    document.getElementById('SequenciaInicial').value = parseInt(data.SequenciaFinal) + 1;
                    document.getElementById('SequenciaFinal').value = parseInt(data.SequenciaFinal) + parseInt($("#QuantidadeAnimais").val());
                });
            },
            error: function (ex) {
                alert('Falha ao buscar Proprietario.' + ex);
            }
        });
        return false;
    })
 )}

Answer 1

1 -

To fire the two different id’s :

$("#DataAbate, #QuantidadeAnimais").change(function () {
//seu codigo
})

Or with classnames:

$(".classnameEmComumEntreOsCampos").change(function () {
//seu codigo
})

2 -

To add a direct classname to HTML:

<elemento class="classname"></elemento>

Or to add the classname via jQuery:

$("#DataAbate, #QuantidadeAnimais").addClass('NomeDoClassname');