<form id="frm-create">
                                        <div class="form-group">
                                            <input id="email" type="email" name="email" class="form-control form-item" placeholder="Email">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" name="phone" class="form-control form-item" placeholder="Phone">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" name="adress" class="form-control form-item" placeholder="Adress">
                                        </div>
                                        <textarea name="content " class="form-control form-item h-200 m-b-lg-10" placeholder="Content" rows="3"></textarea>
                                        <button type="submit" id="btn-create" class="ht-btn ht-btn-default">Submit</button>
                                    </form>

  $( document ).ready(function() {

        $('#btn-create').on('click', function(){
            $.ajax({
                url: "<?php echo base_url() ?>Contact/create",
                type: "POST",
                data: $('#frm-create').serialize(),
                dataType: 'json',
                success: function(data){
                   alert(data.email);
                },
                error: function(){
                    alert('Error....');
                }
            });
        });

    });