JSFiddle - React, Tailwind, and code Playground

HTML

<form method="post" id="form_property" enctype="multipart/form-data">
        <div class="row">
            <div class="span4" id="image" >
                <h3><strong>4.</strong> <span>Add Images to your Property</span></h3>

                <div class="fileupload fileupload-new control-group" data-provides="fileupload">
                    <label class="control-label" for="inputPropertyPrice">
                        Image files
                    </label>

                    <div class="input-append">
                        <div class="uneditable-input">
                            <i class="icon-file fileupload-exists"></i>
                            <span class="fileupload-preview"></span>
                        </div>
                                <span class="btn btn-file">
                                    <span class="fileupload-new">Select file</span>
                                    <span class="fileupload-exists">Change</span>
                                    <input type="file" name="files1" accept="image/*" />
                                </span>
                    </div>

                </div>
            </div><!-- /.span4 -->
        </div><!-- /.row -->
            <br/>
            <a id="another_image" class="btn btn-primary btn-small list-your-property" href="#">Add Another Image</a><br/><br/>

           <input type="submit"  name="submit" value=" Save images " class="btn btn-primary btn-large" style="float: left; width: 370px; height: 50px; margin-top: 10px">      
    </form>

JavaScript

$(document).ready(function(){
        var count = 2;
        $('#another_image').click (function(){

            if(count < 7){
                $($('.input-append').first().clone()).appendTo("#image");


            count++;
            }
        });
        });