title: How to make two buttons on the same row?
body: <p>I create two buttons then I atach them to the same do=iv with id=dvSearchTitle.</p>
  
  <p>Here is the code:</p>
  
  <pre><code>     var button = $('&lt;button/&gt;', {
               text: data.d.txtSearch, 
               id: 'btnFeatureLocation',
               click: function () 
               {  
                          parent.parent.mapFrame.SetSelectionXML(data.d.featureSelection);
                          parent.parent.mapFrame.ZoomSelection();     
               }
          }); 
  
               var button2 = $('&lt;button/&gt;', {
               text: "ddd", 
               id: 'ddd',
               click: function () 
               {  
                  alert("ddd");
               }
          }); 
  
      $('#dvSearchTitle').append(button);
      $('#dvSearchTitle').append(button2);
  </code></pre>
  
  <p>The result I get two button one above another.</p>
  
  <p>I need to make two buttons on the same row.</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>Here is <a href="https://jsfiddle.net/3z39gewb/1/" rel="nofollow noreferrer">JSFiddle</a>.</p>
  
  <p>What do I need to change to make two buttons on the same row?       </p>