how to drag the blue form in the red div using jquery-ui -

यह मेरा कोड है:

  & lt; div id = "test" style = " चौड़ाई: 200 पीएक्स; ऊंचाई: 100 पीएक्स; पृष्ठभूमि: लाल "वर्ग =" टैब परिवर्तन_फॉन्ट_आकार "& gt; & Lt; div & gt; & Lt; एक वर्ग = "हटाएं" शैली = "फ्लोट: सही; फ़ॉन्ट-आकार: 20px; पाठ-सजावट: अधोरेखित; कर्सर: सूचक;" & gt; हटाएं & lt; / a & gt; & Lt; फ़ॉर्म एक्शन = "/" शैली = "पृष्ठभूमि: नीला" & gt; & Lt; input type = "text" name = "text" / & gt; & Lt; इनपुट प्रकार = "सबमिट करें" मान = "सबमिट करें" / & gt; & Lt; / प्रपत्र & gt; & Lt; / div & gt; & Lt; / div & gt; $ ('# Test')। Draggable ()  

आप इस कोड को इस में चला सकते हैं

मैं लाल div को खींच सकता हूं, लेकिन मैं नीला रूप को खींच नहीं सकता,

मैं क्या कर सकता हूँ?

धन्यवाद

ड्रैग करने योग्य div के बाहर प्रपत्र टैग को काम करना लगता है। < / P>

  & lt; फ़ॉर्म क्रिया = "/" & gt; & Lt; div id = "test" शैली = "चौड़ाई: 200px; ऊंचाई: 100px; पृष्ठभूमि: लाल" वर्ग = "टैब परिवर्तन_फॉन्ट_आकार" & gt; & Lt; div & gt; & Lt; एक वर्ग = "हटाएं" शैली = "फ्लोट: सही; फ़ॉन्ट-आकार: 20px; पाठ-सजावट: अधोरेखित; कर्सर: सूचक;" & gt; हटाएं & lt; / a & gt; & Lt; div & gt; & Lt; input type = "text" name = "text" / & gt; & Lt; इनपुट प्रकार = "सबमिट करें" मान = "सबमिट करें" / & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / प्रपत्र & gt;