title: Can't focus in textbox inside jQuery UI modal with twitter bootstrap
body: <p>I can't focus the textbox in a pane which comes on clicking dropdown as shown in image:
  <img src="https://i.stack.imgur.com/ntSW0.png" alt="enter image description here"></p>
  
  <p>Here is the code I am using:</p>
  
  <pre><code>          $("#dialog-modal").dialog({
            title: "Upload to: FolderNameGoesHere",
            width: 720,
            height: 450,
            dialogClass: "file-upload-modal",
            modal: true,
            buttons: {
                "Save": function () {
                    $(this).dialog("close");
                },
                "Cancel": function () {
                    $(this).dialog("close");
                }
            }
        });
  
        // Fix input element click problem
        $('.input-append').click(function (e) {
            //$(this).focus();
            e.stopPropagation();
  
        });​
  </code></pre>
  
  <p>Here is the live js fiddle <a href="http://jsfiddle.net/5nDUf/1/" rel="nofollow noreferrer">http://jsfiddle.net/5nDUf/1/</a></p>