Changing Content in Jquery

    $('.faq-box>.weblinks-depth-1>li').each(function () {
        $(this).addClass('faqcontainer');
        var questionContent = $('.faq-box>.weblinks-depth-1>li>a').text();
        var answerContent = $('.faq-box>.weblinks-depth-1>li>.description').text();
        $(this).html("<span>Q. </span><span class=\'question\'>" + questionContent + "</span><i class=\'fa fa-chevron-down\'></i><div class=\'description answer\'>" + answerContent + "</div>");

    });

    $('.faq-box>.weblinks-depth-1>li>span').each(function () {
        $(this).addClass('question');
    });

    $('.faq-box>.weblinks-depth-1>li>div').each(function () {
        $(this).addClass('answer');
    });

    $('.faq-box>.weblinks-depth-1>li>a').each(function () {
        $(this).before($('<span>').text("Q. "));
        $(this).removeAttr('href');
    });
    $('.faq-box>.weblinks-depth-1>li>a').each(function () {
        $(this).after($('<i class=\'fa fa-chevron-down\'></i>').text(""));
        $('.weblinks-depth-1>li>a>i').wrap('<a href=""/>');
    });
</jpre>