Criando DIV no botão Clique com a entrada de dados e imagem como facebook - javascript, jquery, html, css, facebook

Estou fazendo um projeto que consiste em postar atualizações com fotos, como a linha do tempo do facebook.

Então, eu preciso do código para o seguinte:

Quando o botão POST é clicado, faça um novo DIV no topo da última postagem na linha do tempo, semelhante ao facebook. e o DIV deve consistir no texto de entrada e na imagem que eu carreguei. quando naveguei neste tópico, encontrei tópicos semelhantes jQuery criar e remover <div> clicando , mas cria divs um após o outro. Eu preciso exatamente o oposto disso.

Qualquer ajuda será muito apreciada.

Respostas:

Use prefpend em vez de anexar para colocar uma nova div no início de um contêiner:

http://api.jquery.com/prepend/

Eu sugiro que você crie um esvaziar div onde você deseja que eles apareçam (id: #start) e sempre que quiser publicar algo, você pode usar o jQuerys after (por exemplo:$("#start").after("<div>text and formating</div>");).
Você pode ver mais alguns exemplos aqui: http://api.jquery.com/after/