Como relacionar dois selects

Olá pessoal!
Estou quebrando a cabeça com este problema!

Tenho um formulário que contém 2 selects e 2 input.

Preciso que fique desta forma:

- No primeiro select eu seleciono a marca
- De acordo com a marca selecionada eu listo os carros correspondente no segundo select

• E de acordo com o carro é mostrado o nome e o preço nos input.

<select name="marcas" class="select-marcas">>
<option value="Ford">Ford</option>
<option value="Fiat">Fiat</option>
<option value="Chevrolet">Chevrolet</option>
</select>

<select name="carros" class="select-carros">>

<option value="1" data-price="5000,00">Fiesta</option>
<option value="2" data-price="10000,00">Focus</option>
<option value="3" data-price="15000,00">Uno</option>
<option value="4" data-price="20000,00">Palio</option>
<option value="5" data-price="25000,00">Corsa</option>
<option value="6" data-price="30000,00">Celta</option>
</select>

<input type="text" name ="nome do carro">
<input type="text" name ="preço do carro">

Como posso resolver esse problema? Sou iniciante no javascript e Jquery.