Check this it will work as you expected.
HTML:
<div id="projectidAppe">
<label for="exampleInputEmail1">Project Photos</label>
<div class="form-group file-uploader">
<div class="input-group col-xs-12">
<span class="input-group-addon">
</span>
<input type="text" id="txtProjectTitle" style="height: 35px !important" class="form-control input-lg" disabled placeholder="Upload Image">
<div id="clearbtn-0" class="input-group-btn">
<div class="browse btn btn-primary">
^__i class="glyphicon glyphicon-search"> Browse
<input type="file" accept="image/*" class="idProjectTitle" multiple="multiple" name="fileUploadphoto" class="file">
</div>
</div>
</div>
</div>
</div>
JS:
var count = 1;
$(document).on("change", ".idProjectTitle", function(e) {
var datatoappend = ' <div class="form-group file-uploader"><div class="input-group col-xs-12"><span class="input-group-addon"></span><input type="text" id="txtProjectTitle" style="height: 35px !important" class="form-control input-lg" disabled placeholder="Upload Image"><div id="clearbtn-'+count+'" class="input-group-btn"><div class="browse btn btn-primary">^__i class="glyphicon glyphicon-search"> Browse<input type="file" accept="image/*" class="idProjectTitle" multiple="multiple" name="fileUploadphoto" class="file"></div></div></div></div>';
$("#txtProjectTitle").attr('placeholder', $(this).val().split('\\').pop());
var btnDelete = '<div id="idImgDelete" class="browse btn btn-primary">Delete</div>';
$('#clearbtn-'+(count-1)).html('');
$('#clearbtn-'+(count-1)).append(btnDelete);
$("#projectidAppe").append(datatoappend);
count ++;
});
$(document).on("click", "#idImgDelete",function(){
$(this).parentsUntil(".form-group.file-uploader").remove();
});