Remove css attribute as ajax reponse is executed
<p>First I have a hidden div</p>

<pre><code>  &lt;div id="save" class="form-group hidden "&gt;
        &lt;div class="modal-footer"&gt;
            &lt;button type="button" id="btnUu" class="btn btn-primary"&gt;&lt;i class="fa fa-download"&gt;&lt;/i&gt; Save&lt;/button&gt;
        &lt;/div&gt;
    &lt;/div&gt;
</code></pre>

<p>I want to remove <code>hidden</code> attribute when my ajax call is executed:</p>

<p>Ajax:</p>

<pre><code>function GetSchoolMan() {
    debugger;
    currentId = 0;

    try {
        $(function () {
            $.ajax({
                cache: false,
                type: "get",
                dataType: "json",
                url: "/LogWaste/GetForEdit",
                data: { manifest: manifest },
                contentType: "application/json; charset=utf-8",
                success: onGetModulLogWasteSuccess,
                error: function (response) {
                    ErrorMessage("Error", GetTextError(response));
                }
            });
        });
    } catch (e) {
        ErrorMessage("Error", e.message);
    }
}
</code></pre>

<p>I try to add <code>$('#save').removeAttr('hidden');</code> at the top of my ajax call like</p>

<pre><code>function GetSchoolMan() {
    debugger;
    currentId = 0;
    $('#save').removeAttr('hidden');
    try {...
</code></pre>

<p>but it didn´t work, how can I make it work? Regards</p>