resizable stops working iin a div if a value is assigned to it

resizable stops working iin a div if a value is assigned to it

I have several divs that I want to position over an image -  so I am using draggable and resizable to do this. Everything works fine until I assign a value to the div. Here are my three functions - the first one assigns a value to Div0. As soon as a value is assigned to it the resizable doesn't work for Div0 - the other divs (1,2,3) work fine.  (The drag still works  for Div0 though).

So how do you assign a value to a div without blowing up the resizable functionality?


function loadVals (){
   document.getElementbyId("Div0"),innerHTML = "Banana"
}

$(function () {
  $("#Div0, #Div1, #Div2, #Div3")
     .draggable()
});

$(function () {
  $("#Div0, #Div1, #Div2, #Div3")
    .resizable()
});

Thanks in advance