Jquery - problem z odświeżaniem div'a

Hej mam problem z odświeżaniem div’a z komentarzami po dodaniu komentarza.

Poniższy kod wyświetla komentarze należące do danego postu, “Nobody comments on this post” jeśli post nie ma żadnych komentarzy:

[code]


<% unless @comments.empty? %>
<%= render @comments %>
<% else %>
Nobody comments on this post

<% end %>
[/code] W widoku komentarza stworzyłem js plik create.js.erb:
$("<%= j(render @comment) %>").appendTo("#comments")

Tak naprawdę tutaj jest problem ponieważ kod ten renderuje nowy partial w divie #comments a pomijany jest kod rubiego który tak naprawdę sprawdza czy dany post ma komentarze w wyniku czego po stworzeniu nowego komentarza na stronie wyświetlany jest tekst “Nobody comments on this post” a pod nim pojawia się nowo dodany komentarz. Wrzucam screenshot:

Jak zmienić kod w pliku create.js tak aby odpowiednio dodać komentarz i odświeżyć div #comments?

Aby wykasowac dane z formularza uzywam kodu:

$("<%= j(render @comment) %>").appendTo("#comments") $("#new_comment")[0].reset()
Kod ten działa ale tak naprawdę dodaje on tylko komentarz i czyści pola ale jeśli ktoś inny dodał komentarz użytkownik tego nie zobaczy ponieważ div nie został przeładowany. Czy możecie polecić jakaś dobra książkę o js i rails?

No jak ma inaczej działać, skoro dopisujesz tylko coś do diva? Ten tekst "Nobody comments… " daj w osobnym divie (

) i razem z dodaniem komentarza usuwaj tego diva ($(’#no_comments’).remove();).

A żeby inni użytkownicy zobaczyli dodany komentarz bez przeładowania strony, to już jest inna bajka (np. ajaxem sprawdzasz co jakiś czas czy są nowe komentarze).