jquery - タイトルタブの横にアイコンを挿入

Question

タイトルタブ横のアイコンの入力からアイコンを挿入したいのですがうまくいきません。コードに何を含める必要がありますか?

ショートコードに挿入するアイコン値になりたいです。

    //Generate header
    $('#myTab>li').each(function(i,e){
        var $this = $(this);
        var title = $this.find('a:first').text();
        var icon = $('.active').find('.tab_icon').val();
        var href = $this.find('a:first').attr('href')+tid;
        var sclass = (i==0)?'active':'';
        if($this.hasClass('dropdown')){

          var id = $this.find('a:first').attr('id')+tid;
          shortcode+='[dropdown id="'+id+'" title="'+title+'"]<br class="nc"/>';

          var subcode = '';
          $(this).find('li').each(function(){
                var  shref=$(this).find('a').attr('href')+tid;
                var stitle=$(this).find('a').text();
               var sicon=$('.tab-pane').find('.tab-icon').val();

                subcode +='[tab type="tab" href="'+shref+'" title="'+stitle+
                '" icon="'+sicon+'"]<br class="nc"/>';

          });


          shortcode +=subcode;
          shortcode += '[/dropdown]<br class="nc"/>';

        }
        else{

    shortcode +='[tab type="tab" href="'+href+'" title="'+title+'" icon="'+icon+'"]<br class="nc"/>';
        }
    })


    shortcode += '[/thead][tcontents]<br class="nc"/>';