[jQuery] Detect if drag outside of parent using jQuery UI Draggable

Hi, I am making a inner DIV to be draggable using jQuery UI Draggable.
The inner DIV can only move horizonally and fit within the outer DIV
(parent). I want to have some detection mechanism so that if the inner
DIV moved further left or right of the outer DIV, I will show
something (<< and >> arrow).

Is there any way to do this? Thanks