title: Bootsfaces modal not working inside <h:form>
body: <p>I am new to JSF and I am currently building a web-auction type of application, based on it. I have also used multiple elements from Bootsfaces. What I would like to do is have an inputText where bidders can type their bids and then press a button that will trigger a Bootsfaces modal. Inside the modal, the bidder will have to confirm that he actually wants to bid, by pressing a commandButton that will eventually "submit" his bid. In order for this to work (if I have understood correctly how JSF works), I need the inputText and the commandButton inside the same h:form element. The only problem is that, whenever I put the code of the modal inside the form, the modal doesn't show up when I press the button that triggers it. My code is the following: </p>
  
  <pre><code>&lt;h:form&gt;
      &lt;b:inputText class="bid1" value="#{detailedViewBean.current}" placeholder="Type the amount you would like to bid..." style="width: 90%" onfocus="enableButton('atrigger1')" onblur="bidAmount(this.value, '#{detailedViewBean.previous}')"&gt;  &lt;!--current highest bid--&gt;
          &lt;f:facet name="prepend"&gt;
              &lt;h:outputText value="$" /&gt;
          &lt;/f:facet&gt;
          &lt;f:facet name="append"&gt;
              &lt;b:buttonGroup&gt;
                  &lt;a id="atrigger1" class="btn btn-primary" href="#amodal1" data-toggle="modal"&gt;Bid!&lt;/a&gt;
              &lt;/b:buttonGroup&gt;
          &lt;/f:facet&gt;
      &lt;/b:inputText&gt;
  
      &lt;b:modal id="amodal1" title="Warning!" styleClass="modalPseudoClass"&gt;
          &lt;p id="amodal1body"&gt; Are you sure ?&lt;/p&gt;
          &lt;f:facet name="footer"&gt;
              &lt;b:button value="Close" dismiss="modal" onclick="return false;"/&gt;
              &lt;b:commandButton value="Yes, submit my bid!" id="modalbidbutton" type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#amodal2"/&gt;
          &lt;/f:facet&gt;
      &lt;/b:modal&gt;
  &lt;h:form&gt;
  </code></pre>
  
  <p>Does anyone know why this might happen or how I can correct it?</p>