jquery - 動的リスト要素を追加するとフッターがダウンする

Question

リストにリスト要素を追加するたびに、フッターが HTML ページに表示されます。その後、ページ（ページのどこでも）をクリックすると、フッターが元の位置になります。

動的リスト要素を追加した後、フッターを元の位置に配置する（画面の下部に貼り付ける）にはどうすればよいですか。

固定フッターを追加するコード:

<div id='ref_fot' data-role="footer" data-theme="b" data-position="fixed" class="ui-bar">
        <a href="#create_task" data-icon="" class="ui-btn-right" style="float:right;margin-right:20px;border-radius:6px;">Add Task</a>
        </div>

リスト要素を動的に追加:

 $("#list").append('<li><a href="#Display_task" class="ui-link-inherit" data-icon="home">'+obj.title+'</a></li>');
      $("#list").listview ("refresh");