Ajax request data

Hallo allemaal,

Ik probeer een Ajax request uit te voeren maar het probleem is dat de request niet word gestuurd en dit heeft te maken met de data die ik mee stuur.
Als ik de var data log dan ziet deze er als volgt uit: position%5B2%5D=2&position%5B3%5D=5

Wat doe ik verkeerd dat de request niet word gemaakt?

Ajax request:

var data = $('#sortable form').serialize();

$.ajax({
    type: 'POST',
    url: BASE_URI+'admin/cases',
    data: data,
    dataType: 'html'
});

HTML/PHP:

<div id="sortable">
	<?php echo form_open_multipart() ?>
		<table cellspacing="0">
			<thead>
				<tr>
					<th><?php echo lang('global:title') ?></th>
					<th class="collapse"><?php echo lang('global:slug') ?></th>
					<th class="collapse"><?php echo lang('cases:categorie_label') ?></th>
					<th class="collapse"><?php echo lang('cases:status_label') ?></th>
					<th width="180"><?php echo lang('global:actions') ?></th>
				</tr>
			</thead>
			<tbody>
				<?php foreach($cases as $post): ?>
					<tr>
						<input type="hidden" name="position[<?php echo $post->id ?>]" value="<?php echo $post->position ?>">
						<td width="20%"><?php echo $post->title ?></td>
						<td width="20%"><?php echo $post->slug ?></td>
						<td width="20%"><?php if($post->categorie) echo $categories[$post->categorie] ?></td>
						<td width="20%"><?php echo $post->status ?></td>
						<td style="padding-top:10px;">
							<a href="<?php echo site_url('admin/cases/edit/' . $post->id) ?>" title="<?php echo lang('global:edit')?>" class="button"><?php echo lang('global:edit')?></a>
							<a href="<?php echo site_url('admin/cases/delete/' . $post->id) ?>" title="<?php echo lang('global:delete')?>" class="button confirm"><?php echo lang('global:delete')?></a>
						</td>
					</tr>
				<?php endforeach; ?>
			</tbody>
		</table>
	<?php echo form_close() ?>
</div>