<div data-role="collapsible" data-mini="false" data-theme="b" id ="div3" >

         <h3 id ="H3">Test</h3>

            <div id ="head">

             <div id="Div1" data-role="collapsible" data-mini="false" >

                 <h4>SK</h4>

                 <ul data-role="listview">

                             <li><a href="#">SK-01</a></li>

                             <li><a href="#">SK-02</a></li>

                             <li><a href="#">SK-03</a></li>

                  </ul>                     

             </div> 

            

            <div id="Div2" data-role="collapsible" data-mini="false" >

                 <h4>1SK</h4>

                 <ul data-role="listview">

                             <li><a href="#">1SK-01</a></li>

                             <li><a href="#">1SK-02</a></li>

                             <li><a href="#">1SK-03</a></li>

                  </ul>                 

             </div>  

            </div>            

        </div>     

i tried like this

 $('#div3').append('<div data-role="collapsible" data-mini="false">');  

                     $('#div3').append('<h4>' + value.CODE + '</h4>');

                    // $('#Div1').append('<ul data-role="listview">  <li><a href="#">' + value.CODE + '</a></li> </ul>');                   

                     $('#div3').append('</div>');

                     $('#div3').trigger('create');