jquery - Glue 2 divs to top-right and bottom-left -

I am using jQuery resizable () I have a deval stick and other div all the time at the top-right corner I want to be able to make it in the bottom left corner. I will put these 2 devices in the form of resizable handle as ne and sw .

How can I $ (".td") and $ (".tl") at $ (". NWrapper ") at the top-right and down-left side of all times?

html:

  & lt; Div class = "lWrapper" & gt; & Lt; Div class = "nWrapper" & gt; & Lt; Div class = "tWrapper" & gt; & Lt; Div class = "td" & gt; & Lt; / Div & gt; & Lt; Div class = "tl" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;  

CSS:

  .lwrapper {status: relative; Background color: # FF0000; Width: 200px; Height: 200 pixels; }. NWrapper {Status: Completed; Background color: # 00ff00; Width: 200px; Height: 100 pixels; } .tWrapper {status: Completed; } .td {status: relative; Background color: # 0000ff; Width: 12px; Height: 12px; Left: 0; / * Wants it to be dropped below * / below: 0; } .t1 {status: relative; Background color: # FF 6600; Width: 12px; Height: 12px; float right; / * Right top * / top: 0; }  

You need to create a wrapping div (nWrapper) Has to be given to status: relative and the small ones status: full and these two appropriate left / right / top / bottom values.

See here: