Tricky question

Tricky question

Hi guys,

I have a tricky question to the jQuery proffesionals.
There is a mixed form list with input and option fields.
I want to remove all not-needed labels of following option fields to get a styled form like this:




This is the html code:
  1. <div class="all">
        <div class="text">
            <input type="text" />
        </div>
        <div class="option key1">
            <label>good</label>
            <option>1</option>
            <label>bad</label>
            <option>2</option>
        </div>
        <div class="option key1">
            <label>good</label> 
            <option>1</option>
            <label>bad</label>
            <option>2</option>
        </div>
        <div class="text">
            <input type="text" />
        </div>
        <div class="option key1">
            <label>good</label> 
            <option>1</option>
            <label>bad</label> 
            <option>2</option>
        </div>
        <div class="option key1">
            <label>good</label> 
            <option>1</option>
            <label>bad</label>
            <option>2</option>
        </div>
        <div class="option key2">
            <label>red</label> 
            <option>1</option>
            <label>blue</label>
            <option>2</option>
        </div>
        <div class="text">
            <input type="text" />
        </div>
    </div>









































I want to solve this issue with jQuery and not with a server side solution because it's also possible to change the position of each field via drag and drop.

Would be fine if anyone had a hint for me...

Alex