Effacer après l'envoie d'un texte

Bonjour,
Voilà je n'ai pas beaucoup de connaissance en JS c'est pour cella que je demande de l'aide pour améliorer le script. Le principe est simple j'aimerai qu'une fois le texte envoyez avec succès il n'affiche plus de texte dans le bloc textarea.

Voici le code JS dans ma page profil.php :

<script type="application/javascript">
	$(document).ready(function() {
			
		$('#submit_text').click(function() {
			
			var form_data = {
				seg_id : <?php echo $seg_id; ?>,
				textarea_text : $('.textarea_text').val(),
				ajax : '1'
			};
			
			$.ajax({
				url: "<?php echo site_url('publication/add_publication'); ?>",
				type: 'POST',
				data: form_data,
				success: function(msg) {
					*PROBLÈME ICI*
				}
			});
			
			return false;
		});
	
	});
</script>

Code HTML et PHP :

<?php echo form_open('', array('id' => 'annonceForm')); ?>

<textarea style="resize: none; width:630px; height:80px; padding:5px;"  class="textarea_text" name="textarea_text" placeholder="Exprimez-vous...">
</textarea>

<?=''.form_submit('submit','Annonce','id="submit_text" class="button"')?>

<?php echo form_close(); ?>

Merci d'avance et bonne journée à vous.