Update Panel Async Postback and JQuery issue

Hi Amit
Here I am facing same issue in toggling of div like I have an update panel in that have div - first time on page load it is working fine but on any postback where I am updating updatepanel it is not working
PLease can you look what I am missing
$(document).ready(function () {
    $('.dragbox')
            .each(function () {
                $(this).find('h2').click(function () {
                    $(this).siblings('.table100Style').toggle();
                    $(this).toggleClass("expand");
                }).end();
            });
});


       
           

               
                   
                       
                   
                   
                       
                   
               

ACTIONS1111111                                                                     HeaderGray

           

       
   

and css
.GroupBoxControl
{
    border-top: 1px solid #5193C7;
    border-bottom: 1px solid #5193C7;
    border-left: 1px solid #5193C7;
    border-right: 1px solid #5193C7;   

}

.table100Style
{
    height: 100%;
    width: 100%;
}

column .dragbox
{
    margin: 0px 0px 0px 0px;
    background: #fff;
    position: relative;
    border: 1px solid #ddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.column .dragbox h2
{
    margin: 5px 5px 5px 5px;
    font-size: 12px;
    padding: 5px;
    color: #000;
    border-bottom: 1px solid #eee;
    font-family: Verdana;
    cursor: move;
}
.dragbox h2.collapse
{
    background-image: url('images/igpnl_up.gif');
    background-position: right;
    background-repeat: no-repeat;
}
.dragbox h2.expand
{
    background-image: url('images/igpnl_dwn.gif');
    background-position: right;
    background-repeat: no-repeat;
}

.HeaderGray
{
    border-top: 1px solid #5193C7;
    border-bottom: 1px solid #5193C7;
    border-left: 1px solid #5193C7;
    border-right: 1px solid #5193C7;
    color: #002a60;
    font-size: 10pt;
    font-weight: bold;
    font-family: Arial, Verdana, sans-serif;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 1px;
    margin-bottom: 1px;
    background: #ececec url('images/igpnl_up.gif') no-repeat right;
}

Hi Friend,

Try setting the ViewState='true' for the grid see if it helps but i'm not sure it'll work if below is the case:
If you are changing the state of control by setting the values through jquery e.g. toggling in hide/show the div then in this case you should submit the form using the jquery's client click event. it'll consider the control state changed by jquery and keep this information when next time the information gets refreshed from server. 

Hope this make sense to you.

Thanks.