<http://jsfiddle.net/cZDfe/>

i have an html and jquery code...
my need is 
1.when press plus button add the same form group items(this is worked)
2.when selected option is "Between" display the second input box.. (in this case only first group s working correctly, and one more problem is there when second group is added, then change the first groups selection, second group is also changed.)

```
$(document).ready(function () {
$('.condition-change').change(function () {
    if ($('select[name="SearchCondition"]').find('option[value="<>"]').prop("selected") == true) {
        $('.second-value').css("display", "block");
    }
  });
     $(document).on('click', '.btn-Add', function () {
        $(document).find('.btn-Add').remove();
        $('#othersearch').append('<div class="form-group"><select class="form-control input-sm"><option value=">=">Greater than or equal to</option><option value="<=">Less than or equal to</option><option value="<>">Between</option></select><input type="text" class="form-control input-sm" placeholder="Value"> <input type="text" class="form-control input-sm second-value" placeholder="Value" style="display:none;"><input type="button" class="btn btn-default btn-Add" value="+" /></div></br>'); // end append           
    });
});

  <form class="form-inline">
               <div class="form-group">
               <select class="form-control input-sm condition-change" name="SearchCondition">
                   <option value=">=">Greater than or equal to</option>
                   <option value="<=">Less than or equal to</option>
                   <option value="<>">Between</option>
               </select>
               <input type="text" class="form-control input-sm" placeholder="Value">
               <input type="text" class="form-control input-sm second-value" placeholder="Value" style="display:none;">
               <button type="button" class="btn btn-default btn-Add">+</button>

        </div>
        <div id="othersearch"></div>
   </form>

```