boostrap3 タブの内容を隣のタブにコピーしたいです

boostrap3 で下記の様に”nav-tabs”クラスを使用してタブを実装しています。
Aタブの<li></li>の行数はDBから取得した内容で件数は変わります。

##　実現したい事
画面にあるボタンを押下したら、Aタブの＜li＞の内容をBタブに全てコピーしたいです。
アクティブになっているタブ名を取得するまではできたのですが、内容を全てコピーする方法は解りませんでした。
どなたかアドバイスをお願い致します。

html
1
2<div role="tabpanel" data-example-id="togglable-tabs">
3  <ul class="nav nav-tabs bar_tabs" role="tablist" id="controlTab">
4    <li role="presentation" class=""><a href="#aTab" id="a-tab" role="tab" data-toggle="tab" aria-expanded="true">Aタブ</a></li>
5    <li role="presentation" class=""><a href="#bTab" id="b-tab" role="tab" data-toggle="tab" aria-expanded="true">Bタブ</a></li>
6  </ul>
7
8  <div class="tab-content">
9    <!-- タブA -->
10    <div role="tabpanel" class="tab-pane fade active in tabInfo" id="baseTab" aria-labelledby="base-tab">
11　　　<ul>
12　　　タブ内Aの容表示部分
13     <li>　
14　　　あ
15     </li>
16     <li>　
17　　　い
18     </li>
19     <li>　
20　　　う
21     </li>
22     </ul>
23    </div>
24  <!-- タブB -->
25  <div role="tabpanel" class="tab-pane fade tabInfo" id="mondayTab" aria-labelledby="monday-tab">
26　　　<ul>
27　　　タグ内Bの容表示部分(空)
28     </ul>
29  </div>
30</div>

javascript
1function makeSettingContents() {
2  $('#displayTxt').text('複製します。よろしいですか？');
3
4　　//どのタブが開かれているかを取得
5    var copyFromVal = '';
6    $('a[data-toggle="tab"]').each(function(i){
7      //alert($(this).parent().attr("class"));
8      if ($(this).parent().attr("class") == 'active') {
9        copyFromVal = $(this).attr("href");
10      }
11    });
12
13 　　//コピー処理？
14}