Как выровнять флажок и тег ввода текста в строку jquery-mobile

Используя JqueryMobile, я хочу добиться следующего макета:

1. Наличие красивых полей оформления для разделения строк ввода
2. Наличие одного флажка выровнено по вертикали с текстовым полем ввода, оба на одной строке

. Но после многих попыток единственный макет, который я смог получить, следующий:

Первая попытка выглядит правильно с использованием jquerymobile grids, но мой флажокбольше не выбирается и остается отмеченным навсегда. Во второй попытке используется набор полей , предложенный jquerymobile, но я теряю флажок и безуспешно пытался использовать свойство css float.

Вот полный код:

   


    
     
     
    
    
    
 
 

    
   
      

         

            

               

                  
                      
                      
                      
                  
               
            
  
         
         

            
Block B
         
       

       

           

               
                
               
           
  
           

           
   
           

           
      
        
      
   

Буду признателен за любую помощь или комментарии для достижения моей цели?

Онлайн-редактор: вы также можете получить доступ к html-файлу на http://jsfiddle.net/alain_lavoie/XhsEh/