title: jquery removing BR tag
body: <p>I am adding two  tags dynamically when i click on remove button(just to make UI look better), I am not able to remove the space that those two BR's added. If i see in console, it is showing me as <br/> (lower case), I have tried uppercase,lowercase . remove().</p>
  
  <pre><code>var container = $("#CCcontainer")
  container.append("&lt;div id =" + removeID + " &gt;&lt;div class =\"form-group col-sm-10\"&gt;&lt;/div&gt;&lt;div class =\"form-group col-sm-2\"&gt;&lt;button id=\"btn" + removeID + "\" type=\"button\" class=\"btn btn-warning form-control\"&gt;Remove Card&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/BR&gt;&lt;/BR&gt;");
  
  //Below line is in a remove Card click action.
  
   $( "&lt;br/&gt;" ).remove();
  </code></pre>
  
  <p>Could someone help jhow to remove this space?</p>