* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

<script>
    function q1() {
        $('#names-q1').empty()
        $.ajax({
            type: "GET",
            url: "http://spartacodingclub.shop/sparta_api/seoulbike",
            data: {},
            success: function (response) {
                
                let rows = response['getStationList']['row']
                for (let i = 0; i < rows.length; i++) {
                    let name = rows[i]['stationName']
                    let rack = rows[i]['rackTotCnt']
                    let bike = rows[i]['parkingBikeTotCnt']

                    let temp_html = `<tr><td>${name}</td>
                                        <td>${rack}</td>
                                        <td>${bike}</td></tr>`

                    $('#names-q1').append(temp_html)


                }

            }
        })
    }
</script>

여기서 $('#names-q1'.empty()가 왜 꼭 맨위에 들어가야 되나요? success: function(response) { $('#names-q1').empty이렇게 들어가면 왜 안되나요 이것도 위에 있는데...