diff --git a/app/assets/javascripts/lib/modal-preview.js b/app/assets/javascripts/lib/modal-preview.js
index 5a684fd..8fe3e21 100644
--- a/app/assets/javascripts/lib/modal-preview.js
+++ b/app/assets/javascripts/lib/modal-preview.js
@@ -2,19 +2,24 @@ $(function() {
 	$(".post_preview").click(function(){
 		$("#main-wrap").after("<span id='show_preview'></span>");
 		
-		var  preview_url = $(this).attr('url');
+		var preview_url = $(this).attr('url');
 
-		$("form.previewable").ajaxSubmit({
-			beforeSubmit: function(a,f,o){
-			o.dataType = 'script';
-			o.url = preview_url;
-			o.type =  'post';
-		},success: function(msg) {
+		for ( instance in CKEDITOR.instances )
+          CKEDITOR.instances[instance].updateElement();
+        
+		var formData = new FormData( $('form.previewable')[0] );
+
+		$.ajax({
+      type: "post",
+      url: preview_url,
+      data : formData,
+      processData: false,
+      contentType: false
+    }).done(function(data){
+      $('#show_preview').html(data);
 			$('#show_preview .modal').modal()
-			$('#show_preview .modal').height(function() {
-				return $(window).height() * 0.7;
-			});
-		}});
+			$('#show_preview .modal').height(($(window).height() * 0.7));
+    });
 	});
 	$(".preview_trigger").click(function(){
 		$("#main-wrap").after("<span id='show_preview'></span>");
diff --git a/app/views/shared/preview/preview.html.erb b/app/views/shared/preview/preview.html.erb
index dd67d2a..d2cb4bd 100644
--- a/app/views/shared/preview/preview.html.erb
+++ b/app/views/shared/preview/preview.html.erb
@@ -1,9 +1 @@
-<% if !request.xhr? %>
-<textarea>
-<% end %>
-$('#show_preview').html('<%=escape_javascript(render :partial=>"/shared/preview/modal_preview") %>');
-<!-- var start_modal_with_id = "<%= @preview_obj.id %>";  -->
-<!-- $("#"+start_modal_with_id).modal(); -->
-<% if !request.xhr? %>
-</textarea>
-<% end %>
\ No newline at end of file
+<%= render :partial=>"/shared/preview/modal_preview" %>
\ No newline at end of file