Not able to set value on cleditor from database

<script>
        $(document).ready(function () {
          
            $("a.modelforstyles").colorbox({ width: "400px", height: "350px" });
            debugger;
          
            var hiddenDiv3 = document.getElementById("paragraphSec");
            var UList = { 'subcategoryId': 163, 'categoryId': 163 };
           
            var test = document.getElementById('Catdetails').value;
          
            var str = test;
                     {
                        // Constants
                        var FOLDER = $.cleditor.imagesPath(),
                            STRIP = "icon_dropdown2",
                            EXT = ".gif",
                            URL = "URL(" + FOLDER + STRIP + EXT + ")",
                            BUTTON_COUNT = 12,
                            BUTTON_WIDTH = 20,
                            BUTTON_HEIGHT = 20;

                        $.cleditor.buttons.drop = {
                            name: "drop",
                            css: {
                                backgroundImage: URL,
                                backgroundPosition: "4px 5px",
                                backgroundRepeat: "no-repeat"
                            },

                            title: "Insert Dropdown Value",
                            command: "inserthtml",
                            popupName: "DropDown",
                            popupClass: "cleditorPrompt",
                            popupContent: str,
                            buttonClick: drop
                        }; $.cleditor.defaultOptions.controls = $.cleditor.defaultOptions.controls.replace("cut", "drop | cut ");
                        function drop(drop, i) {

                            $(i.popup).children(":button").unbind("click").bind("click", function () {

                                var r = i.editor, u = $(i.popup).find("select"), f = u[0].options[u[0].selectedIndex].text, t;
                                t = "{" + f + "}";
                                r.execCommand(i.command, t, null, null); r.hidePopups(); r.focus()
                            })
                        }
                       
                       
                         $("#ParagraphTextarea").cleditor()[0].refresh();
                      
                    
                        $("#ParagraphTextarea").cleditor();

                     
                    }
           
           
        

        });

 </script>

<textarea  id="ParagraphTextarea" name="body"  rows="" cols="">@ViewBag.Details</textarea>