Форма отправки была продублирована на странице ajax-ответа с помощью Django views.py

Я пытаюсь использовать форму для отправки параметра в views.py и получения результатов обратно в html. Однако, часть формы неоднократно отображалась на странице. введите описание изображения здесь

Вот мой views.py

def fund_main_py(request):
    last_trade_date = request.GET['last_trade_date']
    print(last_trade_date)
    plot_div1, plot_div2 = fund_main_main(last_trade_date)
    return render(request, 'optionsfund.html', context={'plot_div1': plot_div1, 'plot_div2': plot_div2})

Вот мой stocksettle.js

$(document).ready(function(){
    $("#btn_submit").click(function(){
        document.getElementById("result").innerHTML = '抓取中.... 若期限過長,請稍後1分鐘!';
        var stock_code = $("#stock_code").val();
        var last_trade_date = $("#last_trade_date").val();
        $.ajax({
            type: "GET",
            url: "/fund_main_py",
            data:{
                "stock_code":stock_code,
                "last_trade_date":last_trade_date
            },
            success: function (Data) {
                $("#result").html(Data);
            },
            error: function (e) {
                console.log(e);
            }
        });
    })
});

Вот мой optionsfund.html

        <table border="0">
            <tr>
                <td><fieldset>
                    <span> 指數/股票代號 :</span>
                 <input type="button" id="btn_submit" value=" 查詢 ">
                </fieldset></td>
            </tr>
        </table>
        <span id="result">
            <span id="plot1">
                {% autoescape off %}
                    {{ plot_div1 }}
                {% endautoescape %}
            </span><br><br>
            <span id="plot2">
                {% autoescape off %}
                    {{ plot_div2 }}
                {% endautoescape %}
            </span>
        </span><br><br>