diff --git a/cps/static/js/edit_books.js b/cps/static/js/edit_books.js
index dbacdfdb..7c812ae9 100644
--- a/cps/static/js/edit_books.js
+++ b/cps/static/js/edit_books.js
@@ -263,3 +263,9 @@ $("#btn-upload-cover").on("change", function () {
     $("#upload-cover").html(filename);
 });
 
+$("#xchange").click(function () {
+    this.blur();
+    var title = $("#book_title").val();
+    $("#book_title").val($("#bookAuthor").val());
+    $("#bookAuthor").val(title);
+});
diff --git a/cps/templates/book_edit.html b/cps/templates/book_edit.html
index 5ecfd876..b932f56d 100644
--- a/cps/templates/book_edit.html
+++ b/cps/templates/book_edit.html
@@ -53,6 +53,10 @@
       <label for="book_title">{{_('Book Title')}}</label>
       <input type="text" class="form-control" name="book_title" id="book_title" value="{{book.title}}">
     </div>
+    <div class="text-center">
+        <button type="button" class="btn btn-default" id="xchange" ><span class="glyphicon glyphicon-arrow-up"></span><span class="glyphicon glyphicon-arrow-down"></span></button>
+    </div>
+
     <div class="form-group">
       <label for="bookAuthor">{{_('Author')}}</label>
       <input type="text" class="form-control typeahead" name="author_name" id="bookAuthor" value="{{' & '.join(authors)}}" autocomplete="off">