called jQuery.remove() on a DOM made from a html string but the removed tag is still present in the HTML String

See more:

Javascript

jQuery

HTML5

Here is my code. modifeidCCDHTML is my HTML string. I tried to remove some paragraphs from a division $sectionDiv. After removing the paragraphs i have checked for the html content of $sectionDiv. paragraphs got removed. But paragraphs are still appearing in the HTML string modifiedCCDHTML.Please help me where I have done the mistake?

var modifiedCCDHTML = CLINICAL_SUMMARY_O1.xmlToHTML()
    $(modifiedCCDHTML).find("span").each(function () {
         var templateId = $(this).attr("ID");
            if ($.inArray(templateId, identifiers.Instructions) > -1) {
                var $sectionDiv = $(this).parent("div");

                if (flagForTitle === "SCRIPT.XR_CUST_DISCH_INFO") {
                    $sectionDiv.find("p").each(function () {
                        if ($(this).find("span").attr("class") === "Bold") {
                        }
                        else {
                                $(this).hide();
                        }
                    });
                }
                    var modInstHTML = $sectionDiv.html();
            }
    });